Sticker Board is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the image's real edges, a bend that rolls across it as it lifts, and a glossy sweep.
Use Cases:
Works well for:
portfolio heroes
about pages
moodboards
photo walls
agency sites
product pages
link-in-bio pages
404 pages
Perfect when you want visitors to rearrange the page instead of just scrolling past it.
--------------------------------------------------------------
Customization
Fully customizable via the properties panel:
up to 24 stickers
each with image, width, position, rotation and alt text
background and overflow
outline color and width
sticker scale
lift scale
shadow offset
color and blur
peel direction, angle and wave strength
drag lean
shimmer
spin
pickup and landing springs
drag toggle
reduced motion
padding and container constraint.
The stickers are your images. The component handles the physics.
--------------------------------------------------------------
Responsive Behavior
Desktop: grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it.
Tablet and mobile: touch drag works the same, and dragging never scrolls the page.
Keyboard: a focused sticker moves with the arrow keys.
Positions are percentage based, so the arrangement survives resizing, and it fills its container.
--------------------------------------------------------------
Preview: https://stickerboard.framer.website/
Included: the component and a live preview with setup steps. Support on X at @KullenJahnke.
Good to know: transparent PNG, WebP or SVG works best; a fully opaque rectangle gets a rectangular outline and shadow. The peel bend shows only during pickup and release, which keeps a held sticker sharp. Moved stickers reset on reload.
Sticker Board is a responsive Framer component that turns your images into draggable stickers: each one peels off the page when grabbed, with an outline and shadow cut from the image's real edges, a bend that rolls across it as it lifts, and a glossy sweep.
Use Cases:
Works well for:
portfolio heroes
about pages
moodboards
photo walls
agency sites
product pages
link-in-bio pages
404 pages
Perfect when you want visitors to rearrange the page instead of just scrolling past it.
--------------------------------------------------------------
Customization
Fully customizable via the properties panel:
up to 24 stickers
each with image, width, position, rotation and alt text
background and overflow
outline color and width
sticker scale
lift scale
shadow offset
color and blur
peel direction, angle and wave strength
drag lean
shimmer
spin
pickup and landing springs
drag toggle
reduced motion
padding and container constraint.
The stickers are your images. The component handles the physics.
--------------------------------------------------------------
Responsive Behavior
Desktop: grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it.
Tablet and mobile: touch drag works the same, and dragging never scrolls the page.
Keyboard: a focused sticker moves with the arrow keys.
Positions are percentage based, so the arrangement survives resizing, and it fills its container.
--------------------------------------------------------------
Preview: https://stickerboard.framer.website/
Included: the component and a live preview with setup steps. Support on X at @KullenJahnke.
Good to know: transparent PNG, WebP or SVG works best; a fully opaque rectangle gets a rectangular outline and shadow. The peel bend shows only during pickup and release, which keeps a held sticker sharp. Moved stickers reset on reload.
