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

Description:

A pill-shaped button with its own living galaxy inside it. At rest, particles drift in a slow spiral and twinkle softly. Move your cursor over it and the galaxy tilts in 3D, opens up empty space around your pointer, and glows where you point. Click it and the galaxy bursts outward before settling back into place.

Features:

Animated spiral galaxy with adjustable arm count, particle density, size, color, and rotation speed
Independent background starfield layer with its own color and count
Spark glints on a random subset of particles for a natural, shimmering look
Cursor repulsion — particles push away from your pointer, opening real empty space
3D tilt that follows the cursor
Cursor-tracking hover glow with adjustable color, size, and intensity
Click burst animation with adjustable particle count, color, and speed
Fully native Framer controls for border, border radius, box shadow (rest and hover state), background, and link
Static-safe rendering, so it stays smooth in Framer's canvas and in exports

Best for:

Hero CTAs on space, sci-fi, gaming, or web3 landing pages
Portfolio or agency sites that want a distinctive, motion-first call-to-action
Any page where a standard button feels too flat for the brand

How to use:

Drop the component into your frame and set width to Fit or Fill
Add your label text, font, and link under the Label and Link controls
Style Layout, Background, Border, and Shadow to match your brand
Tune Particles, Background Stars, and Sparkle for the galaxy's density and color
Adjust Cursor Glow, Cursor Repulsion, and 3D Tilt for how reactive it feels
Set Click Burst count, color, and speed for the click animation

5a:[["$","$L5d",null,{"post":{"id":"019fb7ab-f2e5-75ac-9822-d7e02edcdb13","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c5440e40-6989-4146-98db-cf1ff7ee3215","name":"Talha Manzoor","slug":"talhadesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/e2ehgdiy","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JDSsBV8HAMWv9A0MX0uj","resolved":true,"title":"GalaxyCursorButton","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]},{"type":"text","text":":"}]},{"type":"paragraph","content":[{"type":"text","text":"A pill-shaped button with its own living galaxy inside it. At rest, particles drift in a slow spiral and twinkle softly. Move your cursor over it and the galaxy tilts in 3D, opens up empty space around your pointer, and glows where you point. Click it and the galaxy bursts outward before settling back into place."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated spiral galaxy with adjustable arm count, particle density, size, color, and rotation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent background starfield layer with its own color and count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spark glints on a random subset of particles for a natural, shimmering look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor repulsion — particles push away from your pointer, opening real empty space"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D tilt that follows the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-tracking hover glow with adjustable color, size, and intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click burst animation with adjustable particle count, color, and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully native Framer controls for border, border radius, box shadow (rest and hover state), background, and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering, so it stays smooth in Framer's canvas and in exports"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero CTAs on space, sci-fi, gaming, or web3 landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio or agency sites that want a distinctive, motion-first call-to-action"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any page where a standard button feels too flat for the brand"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use:","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your frame and set width to Fit or Fill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your label text, font, and link under the Label and Link controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Layout, Background, Border, and Shadow to match your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune Particles, Background Stars, and Sparkle for the galaxy's density and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Cursor Glow, Cursor Repulsion, and 3D Tilt for how reactive it feels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Click Burst count, color, and speed for the click animation"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Cursor-reactive galaxy button","slug":"galaxycursorbutton","author":{"framerUserId":"c5440e40-6989-4146-98db-cf1ff7ee3215","name":"Talha Manzoor","slug":"talhadesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/e2ehgdiy","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/019fb7a1-3c71-76e6-a74f-e65121a3b1db.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-31T10:15:26.771Z","updatedAt":"2026-07-31T10:15:26.771Z","publishedAt":"2026-07-31T10:15:26.768Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://nutty-gift-508354.framer.app/preview","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_X6kSCPDL7y5qz9A5VSGAVWLecSADXrEDBDCG44MmU8A","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"JVQoApNamOSfGdmpYQ3p","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-07-31T10:15:27.205Z","updatedAt":"2026-07-31T10:15:27.205Z","reported":false}}],"$L5f"]

Suggested for you