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