← Creative
💫
Particle Playground
A mouse-reactive swarm of glowing particles that trail wherever you move.
🟡 MediumDifficulty
2-3 hoursTime
JavaScript, TypeScriptLanguages
What you're building
Hundreds of tiny particles drifting across a canvas, gently repelled or attracted by your mouse -- the kind of hypnotic background effect you see on portfolio sites.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Setup
→
02 Spawn a particle system
→
03 Animate with requestAnimationFrame
→
04 Add mouse interaction
→
05 Add fading trails
→
06 Add color variety
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free