What's new
FreeProduct updates with a featured card and seen or unseen markers.
notifications-05 · v1.0.1 · Notifications block 5 of 10
npx shadcn@latest add @lib/notifications-05About this notifications block
What's new is a free notifications block for shadcn/ui. Product updates with a featured card and seen or unseen markers. It's one React file built on the shadcn/ui Badge, Button, Card components, uses only your theme tokens, and works in Next.js, Vite, React Router, TanStack Start and Astro.
What's inside
- Keyboard support beyond Tab
- Filtering or search
- Interactive state, no wiring needed to try it
- Light and dark mode from your theme
- Responsive, from phone to desktop
What it installs
- shadcn/ui: badge, button, card
- npm: lucide-react
Versions
- v1.0.1 Full-height blocks centered on the page
- v1.0.0 Notifications
More notifications blocks
Notification popovers, feeds, toasts and preferences, with unread counts and grouping.