Particles
Interactive particle system background with physics simulation, mouse interaction, and customizable effects.
Pro features
What the Pro version adds to this component.
Mouse Interaction
Particles respond to mouse movement with customizable interaction radius and repulsion effects.
Multiple Shapes
Choose from circles, squares, triangles, and stars with rotation and scaling effects.
Movement Patterns
Various motion types including random, linear, circular, wave, and gravity-based movement.
Connection Lines
Dynamic lines connecting nearby particles with distance-based opacity.
Performance Control
FPS limiting, performance mode, and optimization options for smooth animations.
Smart Visibility Pause
Optional IntersectionObserver-based pausing that stops the animation when the component scrolls out of view to save resources.
Visual Effects
Glow effects, blur filters, and gradient colors for stunning visuals.
Full Customization
Complete control over particle behavior, appearance, and physics simulation.
Installation
Install via CLI
npx @moontra/moonui-cli add particlesUsage
Interactive Particle System
Experience next-generation backgrounds with physics-based particle interactions
Examples
Tech Company Hero Section
Modern hero section for technology companies with interactive particles and professional branding.
Dashboard Analytics Background
Professional dashboard background with subtle particle effects and analytics cards.
Crypto/Blockchain Platform
Cryptocurrency and blockchain themed design with star particles and financial metrics.
AI/ML Platform Showcase
Artificial intelligence platform with dynamic circular motion and performance metrics.
Gaming/Entertainment Section
Vibrant gaming platform with star particles, gravity effects, and tournament statistics.
Professional Portfolio Background
Clean and professional portfolio design with subtle particles and personal branding.
Shape Variants
All four particle shapes — circle, square, triangle and star