5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tac1,

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://sticker-board.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.

5a:[["$","$L5d",null,{"post":{"id":"019fc4c0-5469-73dc-a65d-7ba63f10536a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"hxLxJPw1phQgP6WPywUt","resolved":true,"title":"Sticker Board","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticker Board","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Use Cases:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works well for: "}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"portfolio heroes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"about pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"moodboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photo walls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"agency sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"link-in-bio pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect when you want visitors to rearrange the page instead of just scrolling past it."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable via the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"up to 24 stickers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"each with image, width, position, rotation and alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"background and overflow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"outline color and width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" sticker scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"lift scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"shadow offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"color and blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"peel direction, angle and wave strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"drag lean"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"shimmer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"spin"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"pickup and landing springs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"drag toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"padding and container constraint."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The stickers are your images. The component handles the physics."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Behavior","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop:","marks":[{"type":"bold"}]},{"type":"text","text":" grab anywhere on a sticker; it follows the cursor with no lag and stays where you drop it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet and mobile:","marks":[{"type":"bold"}]},{"type":"text","text":" touch drag works the same, and dragging never scrolls the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard:","marks":[{"type":"bold"}]},{"type":"text","text":" a focused sticker moves with the arrow keys."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Positions are percentage based, so the arrangement survives resizing, and it fills its container."}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://sticker-board.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://sticker-board.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included:","marks":[{"type":"bold"}]},{"type":"text","text":" the component and a live preview with setup steps. Support on X at "},{"type":"text","text":"@KullenJahnke","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/kullenjahnke/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]}]},"introduction":"Your images, as peelable stickers","slug":"sticker-board","author":{"framerUserId":"64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1","name":"Kullen Jahnke","slug":"kullen","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/534579/avatar-0ElvrFI1uFRAsMmJsB8iv8CRDfqXKY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ab2b22-4ac4-4ae8-bdc3-691afb8ee6b1/019fc4c0-380c-72b0-a129-0d59e40a3493.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2714,"height":2035}}],"post":null,"createdAt":"2026-08-02T23:12:46.304Z","updatedAt":"2026-08-15T22:45:20.574Z","publishedAt":"2026-08-02T23:12:46.301Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/StickerBoard-SLCEGG.js@cafk9KdMQKCexokvOYwH","previewUrl":"https://sticker-board.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"cafk9KdMQKCexokvOYwH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":36,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T23:12:46.697Z","updatedAt":"2026-08-02T23:12:46.697Z","reported":false}}],"$L5f"]

Suggested for you