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.
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
Optimized for 5,000+ particles at 60fps. Uses circular buffer trails, squared distance checks, and automatic static preview generation for thumbnails.
All properties accessible via visual controls—no code required:
Particle count
Particle size
Colors
Animation speed
Cursor radius
Click force
Trails
Hero sections and landing pages
Portfolio backgrounds
SaaS product pages
Mobile sites
Interactive loading states
404 pages
Drop the component into your Framer project and customize via the property controls panel.
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.
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.
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
Optimized for 5,000+ particles at 60fps. Uses circular buffer trails, squared distance checks, and automatic static preview generation for thumbnails.
All properties accessible via visual controls—no code required:
Particle count
Particle size
Colors
Animation speed
Cursor radius
Click force
Trails
Hero sections and landing pages
Portfolio backgrounds
SaaS product pages
Mobile sites
Interactive loading states
404 pages
Drop the component into your Framer project and customize via the property controls panel.
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.
Gunnar Gray
