Components
Loading preview...
Pixel-art badge from 8bitcn.com — wraps shadcn/ui Badge with a retro variant (Press Start 2P font, hard-edge pixel borders). Drop-in API-compatible replacement.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/8bit-badge"use client";
import { Badge } from "@/components/ui/8bit-badge";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center gap-4 bg-background p-8 overflow-hidden retro">
<Badge>Lv 8</Badge>
<Badge variant="secondary">Boss</Badge>
<Badge variant="destructive">Game Over</Badge>
</div>
);
}