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:T8d9,

Hover Bump Trigger wraps a springy, physics-based hover reaction around anything you connect to it: an image, a video, a card, a shader, even another Framer component or stack. Hover over it and the linked content kicks away from your cursor with a satisfying bump, then eases back into place.

Made to Be Yours

Link a single component for a pure hover accent, or connect several and clicking cycles between them, each one inheriting the same bump. Every part of the motion is tunable, from how reactive it feels to how far it kicks, plus an ambient float, drop shadow, border, padding, and background so it blends right into your design.

Key Features

Connect Anything

Link images, videos, shaders, cards, buttons, or entire Framer stacks
Connect several components and click to cycle between them, sequential or random
Works as a wrapper: linked content keeps its own size and styling

Bump Physics

Reactivity, max offset, and max rotation shape how hard the kick feels
Smoothness controls how directly it responds to cursor speed
Optional ambient float for a subtle idle motion when nothing’s hovered

Style

Drop shadow, border, padding, background, and corner radius, all adjustable
Zoom transition when switching between linked components
Custom cursor for the hover state

Usage note

Give the trigger’s parent stack or frame an Overflow of Visible, otherwise the bump gets clipped at the edges. Avoid linking a component with its own click interaction (like a button) alongside other components, since clicking would cycle between them instead of triggering it.

How to Set Up

Drag Hover Bump Trigger onto your canvas
Connect one or more components under Components
Adjust Bump, Float, and Style to match your design
Publish

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

5a:[["$","$L5d",null,{"post":{"id":"01a0bf82-8a1a-773f-a41a-7de951351407","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"pltH0QRNZGIBoPue39mc","resolved":true,"title":"Hover Bump Trigger","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Bump Trigger","marks":[{"type":"bold"}]},{"type":"text","text":" wraps a springy, physics-based hover reaction around anything you connect to it: an image, a video, a card, a shader, even another Framer component or stack. Hover over it and the linked content kicks away from your cursor with a satisfying bump, then eases back into place."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Be Yours"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Link a single component for a pure hover accent, or connect several and clicking cycles between them, each one inheriting the same bump. Every part of the motion is tunable, from how reactive it feels to how far it kicks, plus an ambient float, drop shadow, border, padding, and background so it blends right into your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Connect Anything"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link images, videos, shaders, cards, buttons, or entire Framer stacks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect several components and click to cycle between them, sequential or random"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a wrapper: linked content keeps its own size and styling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Bump Physics"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reactivity, max offset, and max rotation shape how hard the kick feels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smoothness controls how directly it responds to cursor speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional ambient float for a subtle idle motion when nothing’s hovered"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Style"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop shadow, border, padding, background, and corner radius, all adjustable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zoom transition when switching between linked components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cursor for the hover state"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Usage note"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Give the trigger’s parent stack or frame an Overflow of Visible, otherwise the bump gets clipped at the edges. Avoid linking a component with its own click interaction (like a button) alongside other components, since clicking would cycle between them instead of triggering it."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Hover Bump Trigger onto your canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect one or more components under Components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Bump, Float, and Style to match your design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"A trigger that bumps anything","slug":"hover-bump-trigger","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a0bf82-7905-717c-87d9-f07c126cf64b.jpg","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-20T15:49:57.822Z","updatedAt":"2026-09-30T10:56:38.600Z","publishedAt":"2026-09-20T15:49:57.819Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hoverbumptrigger.framer.website/","price":"12","paymentUrl":"https://nostromo.lemonsqueezy.com/checkout/buy/d7cf53fc-0f92-4c5a-a050-08d82db4a3ab","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"o9AvDwg5mCbyNfI80O09","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T15:49:58.426Z","updatedAt":"2026-09-20T15:49:58.426Z","reported":false}}],"$L5f"]

Suggested for you