Stagger Reveal Grid

import { StaggerRevealGrid } from "@/components/ui/stagger-reveal-grid";

export default function Default() {
  return (
    <div className="mx-auto w-full max-w-3xl p-6">
      <StaggerRevealGrid columns={3}>
        {[1, 2, 3, 4, 5, 6, 7, 8, 9].map((n) => (
          <div
            key={n}
            className="flex aspect-square items-center justify-center rounded-xl border bg-muted/40 text-lg font-medium text-foreground"
          >
            {n}
          </div>
        ))}
      </StaggerRevealGrid>
    </div>
  );
}