Meteors

Streaks that fall across a positioned parent.

npx shadcn@latest add @deank/meteors

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { Meteors } from "@/registry/components/meteors/meteors";

<Meteors />

Prop	Type	Default	Description
`number?`	`number`	`20`	How many meteors.
`minDelay?`	`number`	`0.2`
`maxDelay?`	`number`	`1.2`
`minDuration?`	`number`	`2`
`maxDuration?`	`number`	`10`
`angle?`	`number`	`215`	Fall angle in degrees.
`className?`	`string`

Night-sky style hero backgrounds.

Busy layouts or behind long text.