Perspective Grid
A 3D perspective grid background with animated lines. Creates depth and dimension for hero sections and landing pages.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/perspective-grid.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/perspective-grid.tsx
Note: Install via CLI for the full source code with CSS grid animations.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |