Velora UI

Retro Grid

Perspective grid scrolling forever toward the horizon.

  • 0.7 KB gzipped
  • Zero dependencies
  • Reduced-motion safe
  • Base UI & Radix compatible
Open in v0

Preview

Launch week · Day 3

Back to the grid

Installation

pnpm dlx shadcn@latest add https://velora.colorlib.com/r/retro-grid.json

Adds components/velora/retro-grid.tsx and merges the keyframes and tokens into your CSS.

Props

PropTypeDefault
angle

Perspective angle of the grid plane

number55
cellSizenumber56
opacitynumber0.4

Also accepts every <div> attribute, forwarded to the root element.

Accessibility

Reduced motion
The scroll animation is off; the perspective grid plane shows as a still grid under the top and bottom fades.
Keyboard
Decorative — nothing to operate.
Screen readers
Decorative; the wrapper is aria-hidden.