A
Auralix UI

Meteor Meteors

A background effect with falling meteor animations.

Preview

Meteors

Installation

bash
npx auralix-ui add meteor-meteors

Usage

Background Effect

tsx
import { Meteors } from "@/components/ui/MeteorMeteors";

<div className="relative h-48 w-full overflow-hidden bg-slate-900">
  <Meteors number={20} />
</div>

Props

NameTypeDefaultDescription
numbernumber20Number of meteors.