Skip to content

component

Particle Sphere

By Gunnar Gray

Details

Summary

Overview A spherical formation of thousands of particles that respond organically to user interaction.

Description

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.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750182718/148/228/309/79/15
  • All · #8271