Components
Loading preview...
Pixel-art card from 8bitcn.com — wraps shadcn/ui Card 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-card"use client";
import {
Card,
CardHeader,
CardTitle,
CardDescription,
CardContent,
} from "@/components/ui/8bit-card";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<Card className="w-72 retro">
<CardHeader>
<CardTitle>Player One</CardTitle>
<CardDescription>Level 8 Pixel Knight</CardDescription>
</CardHeader>
<CardContent>HP 64 / 64</CardContent>
</Card>
</div>
);
}