Particles
A high-performance interactive particle system background. Particles respond to mouse movement and feature smooth alpha transitions, creating a dynamic and immersive environment for futuristic UIs.
Live Interactive Preview
Dynamic Particle System
Source
npx futureuikit add particles Details
Canvas-based rendering for high performance even with many particles.Interactive magnetism: particles subtly react to mouse position.Fully customizable: quantity, staticity, ease, size, and color.Responsive design: automatically adjusts to window resizing.Smooth fading and movement for a premium ambient effect.
How to Use?
- Import the Particles component.
- Place it as a background layer (usually with absolute or fixed positioning).
- Adjust the 'quantity' and 'color' to match your application's tone.
- Ensure the parent container has 'overflow-hidden' if using absolute positioning.