Master the Particle Engine
A comprehensive guide to creating, exporting, and sharing production-ready particle systems.
Real-Time Logic
Parameters update at 60 FPS. Every slider movement recompiles the scene instantly.
React Export
Generate clean, type-safe .tsx code that you can drop directly into your Next.js app.
Community Driven
Join the open ecosystem. Remixed an effect? Share it with one click.
Render Engines
1. Noise Field (Default)
Simulates organic movement using 4D Simplex Noise. Best for: starry nights, dust motes, fireflies, and ambient backgrounds.
2. Kinetic Orb
Forces particles onto a spherical manifold. The 'Pulse' parameter adds a heartbeat animation, expanding and contracting the radius.
3. Typographic Morph
A specialized engine that samples pixel data from text and maps particles to it. Supports morphing between two distinct strings.
The Workflow
Design & Tweak
Use the sidebar controls. Start by selecting your 'Shape' and 'Color Mode'. Adjust 'Noise' for randomness and 'Focus' for depth.
Export Code
Click the <Code /> button. This generates a standalone component. You simply install 'three' in your project and paste the file.
Share with Community
Proud of your creation? Click 'Submit to Community'. This opens GitHub where you can share your preset JSON with others.
Import Presets
Found a cool effect on our community repo? Copy the JSON object and click 'Import JSON' to load it immediately into the editor.