Skip to Content

user-menu

ui

A user profile dropdown menu with avatar, name, email, navigation links, and sign-out action.

Use cases

  • User profile dropdown in headers
  • Account management navigation
  • Sign-out action
  • Sidebar user section

Features

  • Avatar with fallback initials
  • Name and email display
  • Customizable menu items with icons
  • Sign-out action with separator
  • Extensible via children prop
  • Responsive — hides text on mobile

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

TN
Tinashe Nyuchitinashe@nyuchi.com

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/user-menu

Dependencies

lucide-reactavatardropdown-menu

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/user-menu

Source

components/ui/user-menu.tsx