Meteors
Falling angled meteor streaks across a container — a dramatic decorative background effect.
When to Use
- Add atmosphere to hero sections, pricing cards, or dark-mode landing pages.
- Create a "space" or "fast" feel behind feature spotlights.
- Pair with a dark background card for maximum visual impact.
Shooting Stars
Blue Meteors
API Reference
| Property | Type | Default | Description |
|---|---|---|---|
| Number | int | 20 | Number of meteor streaks to render. |
| Color | string | "var(--color-primary)" | CSS color of the meteor head and tail gradient. |
| Class | string? | null | Additional CSS classes on the container div. |
Related Components
- Sparkles — Decorative sparkle particles around content.
- AnimatedGradientText — Shifting gradient text animation.