5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T83a,

CreepyButton - Playful Interactive Character for Framer

Creepy button that peeks back at you now

The CreepyButton is a fun Framer tool that peeks back at you. When you hover, the button tilts up to show hidden eyes. These eyes track your mouse in real time. It uses Framer Motion for spring physics. Change colors and links in the sidebar. Get it now fast!!

Why Choose CreepyButton?

Most UI elements fall into two extremes: either too static to engage users or too technical to animate. CreepyButton bridges that gap by combining character-driven motion with the simplicity of native Framer property controls, allowing you to add personality without writing code. The result:

Stronger user engagement
Memorable brand storytelling
Higher delight in your product interactions

✨ Key Features

Flexible Customization

Enter text manually through Framer property controls.
Assign external URLs or internal page links instantly.
Built-in layering that keeps the button frame above the eyes at all times.

Full Visual Control

Single-color button styling with configurable borders.
Back Color control for the monster underlay to ensure seamless UI integration.
Adjustable Eye Color and Pupil Color for distinct character expressions.

Interactive & Animated Experience

Smooth spring animations with adjustable stiffness and damping.
Interactive hover feedback and real-time cursor response.
Performance-optimized rendering with smooth React transitions.

🎯 Perfect For

Creative portfolios and landing pages.
Playful SaaS dashboards or "Easter egg" sections.
Case studies and interactive presentations.

59:[["$","$L5c",null,{"post":{"id":"019ec022-e8b8-76b6-aa6e-af2d23ac7dfa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0b6bc703-5c7f-4bd0-b975-01d7e6f93330","name":"Zaid ","slug":"zaidofficial","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0b6bc703-5c7f-4bd0-b975-01d7e6f93330/i65z7k1x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PiIKsErnEQVCF474TOuY","resolved":true,"title":"CreepyButton","body":"$5d","bodyJson":null,"introduction":"A creepy button that peeks back at you!","slug":"creepybutton","author":{"framerUserId":"0b6bc703-5c7f-4bd0-b975-01d7e6f93330","name":"Zaid ","slug":"zaidofficial","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0b6bc703-5c7f-4bd0-b975-01d7e6f93330/i65z7k1x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PiIKsErnEQVCF474TOuY/creepybutton-Uhr6NTMBdfkrDxAvYIfl90BvqtePn9"}],"post":null,"createdAt":"2026-05-09T19:29:08.849Z","updatedAt":"2026-06-13T08:46:01.693Z","publishedAt":"2026-06-13T08:39:33.816Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Creeppy-button-cTrBO2.js@DCbC0utZMJH5FwR0EqDE","previewUrl":"https://creepybutton.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"DCbC0utZMJH5FwR0EqDE"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-13T08:39:33.816Z","updatedAt":"2026-06-13T08:39:33.816Z","reported":false}}],"$L5e"]

Suggested for you