Molten Core
Fire particle burst trails your cursor with glowing ember physics.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| color | string | #ff6600 | Base color of the fire particles |
| particlesPerFrame | number | 3 | How many particles spawn per animation frame |
When to Use
Perfect for dark hero sections, gaming sites, and high-energy landing pages where you want the cursor to feel like it's on fire.
Best Practices
Works best on dark backgrounds where the additive blend mode (lighter) can glow. Keep particlesPerFrame between 2-5 for smooth performance.
Why This Component Matters
Particle effects driven by cursor velocity create a sense of physical energy that makes the interface feel viscerally alive.
FAQ
QDoes it work on mobile?
The canvas tracks mousemove — on touch devices the effect won't appear, but the hero section still renders.
QDoes it need any library?
No — pure canvas API with requestAnimationFrame. Zero dependencies.
Related Components
Broken Shard Gallery
Images explode outward from center into a chaotic gallery layout as you scroll.
Velocity Smear
Gallery that skews and stretches in real-time based on scroll velocity — the faster you scroll, the more the images smear.
Curtain Split
Two image panels split apart like stage curtains on scroll, revealing editorial text content hidden beneath.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.