Components
Loading preview...
Pixel-art tooltip from 8bitcn.com — retro pixel-border bubble appearing on hover with Press Start 2P font.
npx shadcn@latest add https://21st.dev/r/theorcdev/8bit-tooltip"use client";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/8bit-tooltip";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<button className="px-4 py-2 bg-primary text-primary-foreground font-pixel border-2 border-foreground">
Hover Me
</button>
</TooltipTrigger>
<TooltipContent className="font-pixel" side="top">
+50 XP
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
);
}