Effects/Meteors

Meteors

Animated meteor shower effect — streaks of light fall diagonally across a container. Pure CSS + Motion, zero canvas, no performance cost.

import { Meteors } from "@animui/ui"

Basic

Meteors is an overlay — it must be inside a position:relative overflow:hidden parent.

Violet meteors

Prop	Type	Default	Description
`count`	`number`	`15`	Number of meteor elements rendered.
`color`	`string`	`"rgba(255,255,255,0.7)"`	CSS color of the meteor streak and glow.
`className`	`string`	—	Additional classes on the container.