50:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T88c,

Overview

A spherical formation of thousands of particles that respond organically to user interaction. Features smooth perpetual rotation, cursor-based dispersion physics, and optional visual trails—all without Three.js complexity.

Features

Fibonacci sphere distribution for optimal visual density
Depth-based scaling and fading for realistic 3D perspective
Cursor dispersion with velocity-based physics
Click effects: Scatter, Color Change, or Both
Motion trails with configurable length and opacity
Smooth fade-in entrance animation
Mobile touch support with full touch event handling

Performance

Optimized for 5,000+ particles at 60fps. Uses circular buffer trails, squared distance checks, and automatic static preview generation for thumbnails.

Customization

All properties accessible via visual controls—no code required:

Particle count
Particle size
Colors
Animation speed
Cursor radius
Click force
Trails

Use Cases

Hero sections and landing pages
Portfolio backgrounds
SaaS product pages
Mobile sites
Interactive loading states
404 pages

Integration

Drop the component into your Framer project and customize via the property controls panel.

Refund Policy

As this is a digital product, refunds are not available. Once purchased, the component cannot be returned. Please review the product details and preview carefully before purchasing. Reach out to hi@gunnargray.supply with any questions.

52:T462,

Kinetic Type transforms static text into animated typography in one click.

19 Effects: Blur Reveal, Cinematic Rise, 3D Flip, Gravity Bounce, Wavy Float, Gradient Shimmer, Matrix Rain, Cyber Glitch — and 12 more. Subtle to dramatic.
Scroll + Trigger Modes: Animate on viewport entry, or tie animation progress directly to scroll position.
Split by Character, Word, or Line: Stagger timing and direction (forward, backward, center, random) for that frame-by-frame feel.
11 Hover Effects: Scale, Glow, Lift, Rotate, Bounce, Flip, Blur, Magnetic cursor tracking, and more.
Full Control: Position, rotation (3D), scale, blur, opacity, spread. Spring physics with damping and stiffness controls.
Save Presets: Build your library. Reuse across projects.

For questions or support please reach out to hi@gunnargray.supply

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-7739ac36-6fab-4ca2-8340-12169b4fc2fd-all:/unified/creator/7739ac36-6fab-4ca2-8340-12169b4fc2fd/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7739ac36-6fab-4ca2-8340-12169b4fc2fd:/unified/posts/?creator=7739ac36-6fab-4ca2-8340-12169b4fc2fd&with=reposts":[{"data":[{"id":"019b229d-c716-7dbe-af47-0c975f89c845","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7739ac36-6fab-4ca2-8340-12169b4fc2fd","name":"Gunnar Gray","slug":"gunnargray","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/707274/avatar-ifhQRu1ZufdoJHMxc1Lk3TuKQPxYvd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vAvEv6DTVDA9fciwdDpH","resolved":true,"title":"Particle Sphere","body":"$51","bodyJson":null,"introduction":"","slug":"particle-sphere","author":{"framerUserId":"7739ac36-6fab-4ca2-8340-12169b4fc2fd","name":"Gunnar Gray","slug":"gunnargray","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/707274/avatar-ifhQRu1ZufdoJHMxc1Lk3TuKQPxYvd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vAvEv6DTVDA9fciwdDpH/particle-sphere-qDg5unFqew96TTPVxcCJevGXK6DobS","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-07T13:56:25.683Z","updatedAt":"2025-12-19T11:51:47.701Z","publishedAt":"2025-12-15T15:25:24.118Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sensible-yard-840950.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_iwsgMchOqdWB9I93vjcMbIQaZUWZQk1UX9Ff93Ep65w","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"PSkD4pNf8x5AxlRnLROt","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-15T15:25:24.118Z","updatedAt":"2025-12-15T15:25:24.118Z"},{"id":"019b03c9-82ea-7d1a-bf3e-26ef57893387","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7739ac36-6fab-4ca2-8340-12169b4fc2fd","name":"Gunnar Gray","slug":"gunnargray","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/707274/avatar-ifhQRu1ZufdoJHMxc1Lk3TuKQPxYvd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"650","resolved":true,"title":"Kinetic Type","body":"$52","bodyJson":null,"introduction":"One-Click Type Animations","slug":"textfx-studio","author":{"framerUserId":"7739ac36-6fab-4ca2-8340-12169b4fc2fd","name":"Gunnar Gray","slug":"gunnargray","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/707274/avatar-ifhQRu1ZufdoJHMxc1Lk3TuKQPxYvd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/650-XGHHOLeOQ07hpjEX1yf3XW36tMuMl3","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/650-5lnz3J6xYd5G8DE6kbf6utBXwba8vU","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-08T15:15:52.939Z","updatedAt":"2026-01-04T16:03:59.719Z","publishedAt":"2025-12-09T15:44:56.554Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"9qu5jdwkdebzvj80spaapm8gw","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-09T15:44:56.554Z","updatedAt":"2025-12-09T15:44:56.554Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]