Pixel Button
Free
A chunky 8-bit button with a hard shadow that physically presses down.
x 00
Customize
Tone
Installation
npx shadcn@latest add https://ui.mekaigames.com/r/pixel-button.jsonWorks in any project set up with the shadcn CLI.
- Copy the code from the Code tab into
components/ui/pixel-button.tsx.
Usage
import { PixelButton } from "@/components/ui/pixel-button";
<PixelButton tone="ember" onClick={startGame}>
Start game
</PixelButton>Props
2 properties| Property | Type | Default | Description |
|---|---|---|---|
| tone | "ember" | "gold" | "ember" | Fill and shadow colors. |
| ...props | ButtonHTMLAttributes | — | Any native button attribute, such as onClick or disabled. |