An app header with a left-swiping drawer of grouped navigation links and an account dropdown showing the signed-in user, plan and grouped settings. Group labels use Geist Mono; icons come from Phosphor.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/account-menunpx shadcn add @01orbital/account-menuyarn shadcn add @01orbital/account-menubunx --bun shadcn add @01orbital/account-menuPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/app/account-menu/index.tsx, as source you own and edit.
import AccountMenu from "@/components/blocks/app/account-menu"
export default function AccountMenuDemo() {
return (
<div className="text-foreground">
<AccountMenu defaultOpen />
</div>
)
}Prop
Type
npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
buttondrawerdropdown-menufont-geist-monoitemCompare
Every App block side by side: whether it follows the theme or stays dark, the stock parts it is built on, and whether it is free. Open one for its preview, props and install.
Accounts
A responsive grid of client account cards, each with an icon avatar, an options menu and the last invoice's date, amount and status badge. Status pairs a word with a colored dot; columns step by container width.