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

Starfield Motion is a high-quality interactive background component built for Framer projects that need depth, movement, and a refined futuristic feel. It blends a structured dot grid with randomized star twinkles, soft glow effects, and cursor-reactive behavior to produce a cinematic space-like scene that feels both elegant and dynamic.

Unlike static decorative backgrounds, Starfield Motion responds to user movement in real time. Dots can push away from the cursor, stars can twinkle and breathe, and subtle trail effects add life without overwhelming the content. Every major visual and interaction parameter is exposed through clean controls, making it easy to tune the density, spacing, glow, intensity, and atmosphere for different page styles.

Key features

Interactive cursor repulsion with adjustable radius and push strength.
Twinkle and breathing animation modes for star-like motion.
Configurable grid spacing, dot size, border radius, and padding.
Dark theme optimized for premium landing pages and hero sections.
Glow boost control for stronger highlights near the pointer.
Trail length control for smooth streaking motion.
Maximum dot cap for performance-aware scaling.
Clean Framer-friendly property controls for fast customization.

Best for

SaaS hero sections.
Futuristic landing pages.
Portfolio headers.
Space, AI, and technology themes.
Ambient fullscreen section backgrounds.
Premium dark-mode marketing pages.

Why it stands out

Creates depth without using heavy video or raster assets.
Feels interactive and alive while staying visually subtle.
Offers strong visual polish with minimal setup.
Fits modern product pages, especially for AI, dev tools, and creative brands.

5a:[["$","$L5d",null,{"post":{"id":"019d76f3-8e57-7363-b54a-b2c6c0afd4b9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc097fcf-a00d-47f9-91a4-1b9b9441077e","name":"Ramy Baiche","slug":"baicheramy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/38178/avatar-heNgq2dwWxRyPjmB9XsRhWgcPNnguc.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KReO4yv4q4ZMhbtn0d3k","resolved":true,"title":"Starfield Motion","body":"$5e","bodyJson":null,"introduction":"Interactive cosmic particle background","slug":"starfield-motion","author":{"framerUserId":"cc097fcf-a00d-47f9-91a4-1b9b9441077e","name":"Ramy Baiche","slug":"baicheramy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/38178/avatar-heNgq2dwWxRyPjmB9XsRhWgcPNnguc.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KReO4yv4q4ZMhbtn0d3k/starfield-motion-Ypww1cuIiE7q5Hz198Eou7XB2CV9gU","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-30T14:50:11.620Z","updatedAt":"2026-07-23T23:28:19.224Z","publishedAt":"2026-04-10T10:32:46.423Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Starfield-Motion-8jeP2F.js@pt0JNuUTMVTRmF7Htoul","previewUrl":"https://generous-sphere-357523.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"pt0JNuUTMVTRmF7Htoul","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-10T10:32:46.423Z","updatedAt":"2026-04-10T10:32:46.423Z","reported":false}}],"$L5f"]

Suggested for you