KokonutUI Logo

NV-04NavigationUpdated, October 14, 2026

Account Menu

An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.

Install with
lucide-react, motion

PRODocs Search and more like it are in Kokonut UI Pro

Installation

Account Menu is a free, open-source React component in the Kokonut UI Navigation collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/profile-dropdown.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/profile-dropdown

Usage

import ProfileDropdown from "@/components/kokonutui/profile-dropdown";

export default function Example() {
  return <ProfileDropdown />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings