Components
Loading preview...
The Notifications component is a reusable, interactive UI element built using ShadCN UI, TypeScript, and Tailwind CSS, designed to display real-time notifications in a web application. It features a bell icon trigger with an optional unread badge, and a dropdown menu that appears centered below the icon, ensuring a consistent and visually appealing alignment.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/notificationsimport Notifications from "@/components/ui/notifications";
export default function DemoOne() {
return <Notifications />;
}