Meteors

Animated falling meteor streaks.

Meteors ✦

import { BuiMeteors } from 'ng-blatui';

<bui-meteors [count]="20" class="rounded-xl border p-10">Content above the meteors.</bui-meteors>

Colored, dense

A denser shower

<bui-meteors [count]="40" color="#38bdf8">…</bui-meteors>

Prop	Type	Default	Description
`count`	`number`	`20`	Number of meteor streaks to render.
`color`	`string \| null`	`null`	Meteor colour; defaults to a translucent foreground tint.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.