A high-performance interactive 3D particle sphere with cursor-driven dispersion, smooth rotation, and customizable motion trails. Built with WebGL-optimized canvas rendering.
Made with Workshop
Build your own component with AI
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.