Components
Loading preview...
A comprehensive user profile dropdown menu with avatar trigger, status management, and organized navigation sections. Features dark/light mode support, customizable user data, and grouped menu items for profile settings, premium features, support resources, and account management. Built with React, Tailwind CSS, and Iconify icons. Key Features: Avatar-triggered dropdown with user info display Status indicator with update submenu (Online, Focus, Offline) Organized menu sections (Profile, Premium, Support, Account) Full dark/light theme compatibility Configurable props for user data and event handlers Modern UI with icons, badges, and responsive design Perfect for SaaS platforms, dashboards, and applications requiring professional user account management interfaces.
@aymanch-03
npx shadcn@latest add https://21st.dev/r/aymanch-03/user-dropdownimport { UserDropdown } from "@/components/ui/user-dropdown";
export default function DemoOne() {
return <UserDropdown />;
}