Grid Button

A compact button with an animated dot-matrix square glyph in an amber tile beside the label, with a tactile press-down effect. The dot-matrix loader animates a ripple across an 11-style grid.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Grid Button to your project and fits it to your theme.

"use client";

import GridButton from "@/components/ui/grid-button";

export default function Default() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-12">
      <GridButton>Deploy Doom</GridButton>
    </div>
  );
}