Components
Grid Background
A responsive grid background with animated moving beams.
Loading
Installation
pnpm dlx shadcn@latest add @restrictui/grid-background
Examples
Hero
Loading
API Reference
This component is built using Motion primitives and includes the following custom props:
GridBackground
| Prop | Type | Default |
|---|---|---|
children | ||
gridSize | ||
className | ||
colors.background | ||
colors.borderColor | ||
colors.borderSize | ||
colors.borderStyle | ||
beams.count | ||
beams.colors | ||
beams.shadow | ||
beams.speed |
Credits
- Built with Motion.