Pixelated Grid

PreviousNext

Example showing a simple pixelated grid.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/pixelated-grid/pixelated-grid-01.tsx
import { PixelGrid } from "@/registry/default/components/pixelated-grid";

export default function Component() {
  return (
    <div className="flex h-[600px] w-5xl overflow-hidden items-center justify-center">
      <PixelGrid />
    </div>
  );
}

Installation

npx shadcn@latest add @aliimam/pixelated-grid-01

Usage

import { PixelatedGrid01 } from "@/components/pixelated-grid-01"
<PixelatedGrid01 />