Modules/ PricingFree

Particle Universe Pricing

Immersive pricing page with a Three.js particle system universe as the background. Thousands of animated particles form constellations around floating pricing cards. Mouse interaction creates gravity wells.

Install

npm install three @react-three/fiber @react-three/drei framer-motion @stripe/stripe-js stripe

Usage guide

## Usage Guide\n\n### Particle Controls\n- `count`: number of particles (default 2500)\n- `gravity`: mouse interaction strength\n- `wave`: background animation intensity\n\n### Plan Customization\nEdit `TIERS` array to change plan names, prices, colors, features, and CTAs.\n\n### Performance\nParticle calculations run on the GPU via BufferGeometry. For low-end devices, reduce particle count to 800.