Components
Loading preview...
A Vercel-style notification center that adapts to the device. Renders as a popover on desktop and a bottom sheet on mobile, with animated tabs and hover actions.
@patrick-xin
npx shadcn@latest add https://21st.dev/r/patrick-xin/vercel-notification-popoverimport { VercelNotificationPopover } from "@/components/ui/vercel-notification-popover"
export default function Demo() {
return (
<div className="flex items-center justify-center min-h-screen bg-background p-8">
<div className="flex items-center gap-4">
<span className="text-sm text-muted-foreground">Click the bell →</span>
<VercelNotificationPopover />
</div>
</div>
)
}