Spotlight

Animated spotlight effect that follows cursor or auto-animates.

backgroundspotlightcursoranimated

Installation

Terminalbash
npx motioncraft add spotlight

Usage

spotlight.tsxtsx
import { Spotlight } from "@/components/backgrounds/spotlight";

<Spotlight className="h-screen" />

Props

PropTypeDefaultDescription
classNamestring—Additional CSS classes

Related Components

Aurora Background

Animated aurora borealis gradient background with configurable colors and speed.

Meteors

Falling meteor animation with randomized paths and fading trails.

Particles

Floating particle system with configurable density and movement.

Gradient Blur

Blurred gradient orbs with configurable colors for atmospheric backgrounds.