Atelier UI

Search components…

Search components…

Meteors

A deterministic diagonal meteor shower background.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

MeteorsProps

Also accepts all props of React.ComponentProps<"div">

PropTypeDefaultDescription
countnumber20Number of streaks
colorstring"currentColor"Streak color, any CSS color. Defaults to the inherited text color
minDurationnumber3Shortest fall time in seconds
maxDurationnumber8Longest fall time in seconds
seednumber0Seed to get a different but still deterministic arrangement

Install

$ npx shadcn@latest add https://chromotion.dev/r/meteors.json

More like this