Gradient Blur
Blurred gradient orbs with configurable colors for atmospheric backgrounds.
backgroundgradientblurorbs
Installation
Terminalbash
npx motioncraft add gradient-blurUsage
gradient-blur.tsxtsx
import { GradientBlur } from "@/components/backgrounds/gradient-blur";
<GradientBlur className="h-screen" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes |
Related Components
Aurora Background
Animated aurora borealis gradient background with configurable colors and speed.
Gradient Mesh
NewMulti-point animated mesh gradient that adapts to the active direction. Supports interactive mouse tracking.
Grid Background
Subtle grid pattern background using SVG for crisp rendering at any scale.
Infinite Grid
NewPerspective grid that scrolls infinitely with direction-aware coloring and edge fading.