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.
import { 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> ); }
Part of 8bitcn — browse the full library on 21st.dev.