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/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.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:T8f3,

Tactile is a free interaction library plugin for Framer that lets you add physical, hand-made motion to your own layers without writing code.

Pick an interaction, press Insert, and it lands next to your selection as a native Framer code component. Then connect your own layers to its slot in the right panel: your buttons, cards, pills, photos and CMS items stay fully editable, styled by your colour styles and text styles.

24 interactions

Magnetic: a layer leans toward the cursor on a spring
Scroll Ink: words turn from a whisper into ink as you scroll
Physics Pile: tags and pills drop, tumble and can be thrown
Elastic Columns: columns trail the scroll and snap back
Pluck Line: a divider you can pull like a string
Path Marquee: text or logos riding a curve
Tilt & Glare: cards that tilt with a light glare
Rolling Counter: odometer and seven-segment numbers
Draw On: handwriting, underlines and circles that draw themselves
Develop: a filmstrip that develops from negative to sharp
Strike & Replace: a struck word swaps for the right one
Part: a lens that opens where the cursor points
Velocity Carousel: a draggable carousel whose slides lean into the swipe
Draggable Masonry: a masonry wall of cards you can pick up and move
Cursor Trail: your images follow the cursor and fade out behind it
Sticker Wall: layers scattered like stickers you can lift and move
Velocity Marquee: a looping row that speeds up with the scroll and flips when you scroll back
Spotlight Cards: a soft light follows the cursor across a card grid
Text Scramble: text that resolves from noise into your words
Scroll Video: a video you scrub with the scroll wheel
Parallax Depth: wrap a layer so it drifts at its own depth
Elastic Rope: a line that stretches toward the cursor and snaps back
Blob Morph: buttons that squash and stretch like jelly
Click Toggle: a click switches a card on and it stays on

53:[["$","$L56",null,{"post":{"id":"01a0ee62-80ba-779e-88f6-a00272f481ae","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"08a0564c-901d-4623-9aae-4f9c87e1bb77","name":"Vexora Studio","slug":"vexora-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/38ye6ctv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1662","resolved":true,"title":"Tactile","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tactile is a free interaction library plugin for Framer that lets you add physical, hand-made motion to your own layers without writing code."}]},{"type":"paragraph","content":[{"type":"text","text":"Pick an interaction, press Insert, and it lands next to your selection as a native Framer code component. Then connect your own layers to its slot in the right panel: your buttons, cards, pills, photos and CMS items stay fully editable, styled by your colour styles and text styles."}]},{"type":"customHeading","content":[{"type":"text","text":"24 interactions"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic: a layer leans toward the cursor on a spring"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Ink: words turn from a whisper into ink as you scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics Pile: tags and pills drop, tumble and can be thrown"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elastic Columns: columns trail the scroll and snap back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pluck Line: a divider you can pull like a string"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Path Marquee: text or logos riding a curve"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt & Glare: cards that tilt with a light glare"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rolling Counter: odometer and seven-segment numbers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draw On: handwriting, underlines and circles that draw themselves"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Develop: a filmstrip that develops from negative to sharp"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Strike & Replace: a struck word swaps for the right one"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Part: a lens that opens where the cursor points"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity Carousel: a draggable carousel whose slides lean into the swipe"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable Masonry: a masonry wall of cards you can pick up and move"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor Trail: your images follow the cursor and fade out behind it"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticker Wall: layers scattered like stickers you can lift and move"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity Marquee: a looping row that speeds up with the scroll and flips when you scroll back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spotlight Cards: a soft light follows the cursor across a card grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Scramble: text that resolves from noise into your words"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Video: a video you scrub with the scroll wheel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax Depth: wrap a layer so it drifts at its own depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elastic Rope: a line that stretches toward the cursor and snaps back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blob Morph: buttons that squash and stretch like jelly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click Toggle: a click switches a card on and it stays on"}]}]}]},{"type":"customHeading","attrs":{"level":2}}]},"introduction":"Interaction library for layers","slug":"tactile","author":{"framerUserId":"08a0564c-901d-4623-9aae-4f9c87e1bb77","name":"Vexora Studio","slug":"vexora-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/38ye6ctv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/01a1222e-5598-74cb-9d39-20e11878762a.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/01a1222e-5583-764d-b300-58683d957fdb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/01a1222e-54fd-709c-87b1-1de6eb4d45f1.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/08a0564c-901d-4623-9aae-4f9c87e1bb77/01a1222e-5504-72db-82b3-15ea7f8a897a.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T18:17:06.402Z","updatedAt":"2026-10-09T19:40:41.184Z","publishedAt":"2026-10-03T17:00:05.013Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"etp1muj35ziqlrlc7t8b2kj6a","paid":false,"categories":[{"id":"79a3568a-05f3-4f98-b70f-6c9ff9e301c4","name":"Libraries","slug":"libraries"}],"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-09-29T18:17:08.027Z","updatedAt":"2026-09-29T18:17:08.027Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you