Components
Loading preview...
An 8-bit styled hover card component with pixel-border overlay. Renders a retro popover panel on hover using CSS group-hover, no Radix dependency.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/8bit-hover-cardimport { Button } from "@/components/ui/8bit-button";
import {
HoverCard,
HoverCardContent,
HoverCardTrigger,
} from "@/components/ui/8bit-hover-card";
export default function Demo() {
return (
<div className="flex min-h-[200px] items-center justify-center p-8 retro">
<HoverCard>
<HoverCardTrigger>
<Button variant="link">Hover</Button>
</HoverCardTrigger>
<HoverCardContent className="w-80">
For the Horde! ⚔️
</HoverCardContent>
</HoverCard>
</div>
);
}