56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T896,

Overview

Squishy Sticker is a premium, interactive component for Framer that brings a buttery-smooth, ultra-realistic peelable sticker effect to your website. Featuring a dynamic wind breeze animation and seamless opening/closing transitions, this component is perfect for portfolios, landing pages, galleries, or creative sections designed to showcase hidden surprises behind a sticker.

✨ Key Features

🖐️ Interactive Peel & Drag: Users can freely drag the corner of the sticker or simply click it to reveal and close with a physics-based spring animation.
🍃 Dynamic Wind Breeze: A natural idle wind effect that keeps your sticker feeling alive, with fully customizable intensity and speed controls.
🖼️ Dual Content Mode:
- Image + Text: Displays a background image behind the sticker complete with a title, subtitle, interactive button, and a frosted glass (blur) overlay to ensure maximum text legibility.
- Image Only: A clean gallery mode with no text, ideal for showcasing full photos or illustrations beneath the sticker.
🎨 Fully Customizable: Easily tweak corner radii, peel flap colors/shades, background colors, layer opacity, and blur levels.
🔠 Google Fonts Integration: Control your title font (Default: Fraunces Serif) and body/button font (Default: Plus Jakarta Sans) directly from the Framer property panel.
🔗 Framer Link Control: The CTA button is fully integrated with Framer's official Link control (supporting internal pages or external URLs) along with a "New Tab" toggle.
⚡ Zero Lag & SSG Ready: Technically optimized for Framer's Static Site Generation with zero visual glitches upon initial page load.

53:[["$","$L56",null,{"post":{"id":"01a145be-87e4-723a-b08c-29d4409416d6","title":null,"body":"

Peel your sticker

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Peel your sticker"}]}]},"author":{"framerUserId":"c87b7cf5-8f38-482e-a693-bdcc1d57f293","name":"Rentadev","slug":"rentadev","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c87b7cf5-8f38-482e-a693-bdcc1d57f293/bnzor8gv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xA9jJNlXzTxj9HyQGsCD","resolved":true,"title":"Squishy Sticker","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Overview"}]},{"type":"paragraph","content":[{"type":"text","text":"Squishy Sticker","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium, interactive component for Framer that brings a buttery-smooth, ultra-realistic peelable sticker effect to your website. Featuring a dynamic wind breeze animation and seamless opening/closing transitions, this component is perfect for portfolios, landing pages, galleries, or creative sections designed to showcase hidden surprises behind a sticker."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Key Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🖐️ "},{"type":"text","text":"Interactive Peel & Drag:","marks":[{"type":"bold"}]},{"type":"text","text":" Users can freely drag the corner of the sticker or simply click it to reveal and close with a physics-based spring animation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"leaves","emoji":"🍃"}},{"type":"text","text":" "},{"type":"text","text":"Dynamic Wind Breeze:","marks":[{"type":"bold"}]},{"type":"text","text":" A natural idle wind effect that keeps your sticker feeling alive, with fully customizable intensity and speed controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🖼️ "},{"type":"text","text":"Dual Content Mode:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image + Text:","marks":[{"type":"italic"}]},{"type":"text","text":" Displays a background image behind the sticker complete with a title, subtitle, interactive button, and a frosted glass (blur) overlay to ensure maximum text legibility."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Only:","marks":[{"type":"italic"}]},{"type":"text","text":" A clean gallery mode with no text, ideal for showcasing full photos or illustrations beneath the sticker."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily tweak corner radii, peel flap colors/shades, background colors, layer opacity, and blur levels."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"capital_abcd","emoji":"🔠"}},{"type":"text","text":" "},{"type":"text","text":"Google Fonts Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Control your title font (Default: Fraunces Serif) and body/button font (Default: Plus Jakarta Sans) directly from the Framer property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Framer Link Control:","marks":[{"type":"bold"}]},{"type":"text","text":" The CTA button is fully integrated with Framer's official Link control (supporting internal pages or external URLs) along with a \"New Tab\" toggle."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"Zero Lag & SSG Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" Technically optimized for Framer's Static Site Generation with zero visual glitches upon initial page load."}]}]}]}]},"introduction":"Interactive Peelable Sticker Card","slug":"squishy-sticker","author":{"framerUserId":"c87b7cf5-8f38-482e-a693-bdcc1d57f293","name":"Rentadev","slug":"rentadev","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c87b7cf5-8f38-482e-a693-bdcc1d57f293/bnzor8gv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c87b7cf5-8f38-482e-a693-bdcc1d57f293/01a14508-7c7a-76d8-b043-0b555565b580.png","metadata":{"tint":{"h":300,"s":53,"l":63},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-16T17:24:36.225Z","updatedAt":"2026-10-16T17:24:36.225Z","publishedAt":"2026-10-16T17:24:36.222Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://squishysticker.framer.website/","price":"7","paymentUrl":"https://rentadev.lemonsqueezy.com/checkout/buy/4802f393-2838-4bfc-a138-cb0b966d4c8e","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"OBfWEk18LvfiN8y2D6UT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T17:24:36.964Z","updatedAt":"2026-10-16T17:24:36.964Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you