Components
Loading preview...
Pixel-art separator from 8bitcn.com — dashed pixel rule with horizontal and vertical orientations. Self-contained, no radix.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-separator"use client";
import { Separator } from "@/components/ui/8bit-separator";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<div className="w-full max-w-xs space-y-4 retro text-sm">
<div className="space-y-1">
<h4 className="leading-none">8-bit UI</h4>
<p className="text-muted-foreground text-xs">
Pixel-perfect components.
</p>
</div>
<Separator />
<div className="flex h-5 items-center space-x-4 text-xs">
<span>Docs</span>
<Separator orientation="vertical" />
<span>Source</span>
<Separator orientation="vertical" />
<span>Examples</span>
</div>
</div>
</div>
);
}