Meteors

Falling meteor animation with randomized paths and fading trails.

backgroundmeteorsparticlesanimated

Installation

Terminalbash
npx motioncraft add meteors

Usage

meteors.tsxtsx
import { Meteors } from "@/components/backgrounds/meteors";

<Meteors number={30} />

Props

PropTypeDefaultDescription
numbernumber20Number of meteors

Related Components

Particles

Floating particle system with configurable density and movement.

Aurora Background

Animated aurora borealis gradient background with configurable colors and speed.

Spotlight

Animated spotlight effect that follows cursor or auto-animates.

Gradient Blur

Blurred gradient orbs with configurable colors for atmospheric backgrounds.