Particle Sphere

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.