Particles

Floating particle system with configurable density and movement.

backgroundparticlesanimated

Installation

Terminalbash
npx motioncraft add particles

Usage

particles.tsxtsx
import { Particles } from "@/components/backgrounds/particles";

<Particles className="h-screen" />

Props

PropTypeDefaultDescription
classNamestring—Additional CSS classes

Related Components

Meteors

Falling meteor animation with randomized paths and fading trails.

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.