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

Cursor Dot Trail follows the pointer naturally and transforms over buttons and links, creating a subtle but expressive layer of interaction without a single line of code.

Built to feel native to Framer, the component works instantly with smart defaults and optional layer keywords to enable link mode, hide the dot, or switch to inverted colors for modals and contrasting overlays.

You have full control over size, hover scale, border width, spring physics, friction, trail length, and transition speed, allowing everything from minimal elegance to bold, magnetic behavior.

Features

Smooth cursor-following dot with configurable trail
Automatic hover transformation on buttons
Optional link mode with underline support
Inverted color for modals and overlays
Fully adjustable physics and timing
Lightweight and performance friendly
Zero setup, no code required

How it works

Just add a keyword to the layer name to enable effect. The layer name can be anything, or even empty, the component only looks for the exact keyword and adapts its behavior automatically.

Available keywords/effects

trail{hide} — hide the dot
trail{invert-color} — switch to the inverted color
trail{link} — activate text link mode

Customization

Full control over size, physics, trail, and transitions, from subtle elegance to bold motion.

Questions & Support

Reach out via 𝕏/Twitter or email support@pixelthrone.com — I’m here to help.

License Notice

Not allowed to be included in redistributable templates. Contact me for a custom license.

5a:[["$","$L5d",null,{"post":{"id":"019c7180-db03-740d-a9c6-675e915fd7c8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cca47a2a-39b8-45d2-b35f-7e7b2a9f059f","name":"Helder Vilela","slug":"helder","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29107/avatar-fQ4Q1yS4ItvIFTfqbsjZBrn2fqojwS.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"QAkzCyLGXze5WoqyvOtW","resolved":true,"title":"Cursor Dot Trail","body":"$5e","bodyJson":null,"introduction":"Cursor dot trail with hover transforms","slug":"cursor-dot-trail","author":{"framerUserId":"cca47a2a-39b8-45d2-b35f-7e7b2a9f059f","name":"Helder Vilela","slug":"helder","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29107/avatar-fQ4Q1yS4ItvIFTfqbsjZBrn2fqojwS.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QAkzCyLGXze5WoqyvOtW/cursor-dot-trail-3ri1Or308lh5YWYxHkfCmkisevn1ak","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-11T13:05:44.397Z","updatedAt":"2026-04-29T10:33:36.720Z","publishedAt":"2026-02-18T16:06:36.035Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/CursorDotTrail-ZDqFAE.js@iLyzK205nNCuHNDP5Nsc","previewUrl":"https://pixelthrone--cursor-dot-trail.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"iLyzK205nNCuHNDP5Nsc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":125,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T16:06:36.035Z","updatedAt":"2026-02-18T16:06:36.035Z","reported":false}}],"$L5f"]

Suggested for you