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

About MouseTrail Component

MouseTrail adds a playful, kinetic motion effect to your Framer project by generating a chain of animated blocks that smoothly follow the user’s cursor. Each block inherits delay, speed, and styling settings — creating a dynamic trail that feels fluid, expressive, and perfectly responsive.All hover, click, and scroll interactions on underlying elements remain fully usable.Preview: https://mouse-trail-snake.framer.website

Features & Controls

Block System

Set the number of blocks in the trail
Customize Block Width and Block Height
Adjust Block Radius for sharp or fully rounded shapes
Assign multi-color sequences using Block Colors

Visual Styling

Add Stroke and Stroke Width for defined edges
Enable or disable Shadow for depth
Modify Offset X & Offset Y to shift trail position relative to the cursor

Motion Behavior

Control Follow Speed to define how quickly blocks catch up
Adjust Delay for a more elastic or snappy motion feel

Lead Block Text

Add optional Lead Text that stays attached to the first block
Customize Text Font and Text Color
Perfect for callouts like “Move your cursor,” tooltips, or playful micro-interactions

Uses

Add dynamic motion to hero sections and landing pages
Create playful, interactive backgrounds for portfolio or studio websites
Add cursor-reactive effects to enhance storytelling
Guide user attention using the optional lead text
Build unique interactive experiences without blocking normal UI behavior

59:[["$","$L5c",null,{"post":{"id":"019b039d-8383-71ba-965a-a5326be3ebaa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2033412d-0adf-4646-bb5d-e8ed4dcc797f","name":"Sang","slug":"sang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28912/MWPM00Jjoze3bjuTB8QMu3Oig-YVtuuKvdRGcB5VJNFruqFx0sD5V8fI.png","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MTdgbiCKGBz0blMpVsn2","resolved":true,"title":"Mouse Trail Block","body":"$5d","bodyJson":null,"introduction":"","slug":"mouse-trail-block","author":{"framerUserId":"2033412d-0adf-4646-bb5d-e8ed4dcc797f","name":"Sang","slug":"sang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28912/MWPM00Jjoze3bjuTB8QMu3Oig-YVtuuKvdRGcB5VJNFruqFx0sD5V8fI.png","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MTdgbiCKGBz0blMpVsn2/mouse-trail-snake-F3sPqxSNzRggwwEfykNvnGPAtaRPSC"}],"post":null,"createdAt":"2025-11-20T16:10:34.133Z","updatedAt":"2025-12-09T13:37:36.343Z","publishedAt":"2025-12-09T14:56:53.123Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mouse-trail-snake.framer.website/","price":"10","paymentUrl":"https://sangdt.lemonsqueezy.com/buy/4f51b8ec-640d-4a48-9363-d2178e245ecc","workshop":true,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"WfvDCTYUfkJwTeA430Wm"}}],"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":"2025-12-09T14:56:53.123Z","updatedAt":"2025-12-09T14:56:53.123Z","reported":false}}],"$L5e"]

Suggested for you