Components
Loading preview...
Pixel-art avatar from 8bitcn.com — chunky pixel frame around image with retro variant. Replaces Radix Avatar with native primitives.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-avatar"use client";
import {
Avatar,
AvatarFallback,
AvatarImage,
} from "@/components/ui/8bit-avatar";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<Avatar className="size-24">
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
</div>
);
}