Meteors
High-performance meteor shower animation effect with customizable direction, speed, size and glow effects
Pro features
What the Pro version adds to this component.
Multi-directional Movement
Four direction presets plus random movement patterns
Speed Control
Adjustable animation speed with three presets
Theme-Aware Colors
Separate meteor colors for light and dark modes via color and darkColor
Glow Effects
Customizable glow with intensity control
Opacity Range
Fine-tune visibility with min/max opacity
Tail Customization
Adjustable meteor tail length and fade
Installation
Install via CLI
npx @moontra/moonui-cli add meteorsUsage
Build with Meteors
High-performance meteor shower effects with customizable direction, speed, and interactive glow animations
Examples
Quantum Computing Platform - Meteor Matrix
Experience quantum computing visualization with mesmerizing meteor effects representing quantum entanglement and computational processes in real-time
AI Neural Network - Intelligence Stream
Visualize artificial intelligence processing with dynamic meteor streams representing neural pathways and deep learning algorithms
Blockchain Infrastructure - Decentralized Network
Secure blockchain visualization with meteors representing transaction flows and distributed ledger synchronization
Space Exploration - Galactic Journey
Navigate through the cosmos with meteors representing stellar phenomena and interstellar travel trajectories
Cybersecurity Shield - Defense Matrix
Advanced threat protection visualization with meteors representing security protocols and real-time threat detection
Data Analytics Dashboard - Insight Stream
Real-time data visualization with meteors representing data flows, analytics processing and business intelligence