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.
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/accountsnpx shadcn add @01orbital/accountsyarn shadcn add @01orbital/accountsbunx --bun shadcn add @01orbital/accountsPart 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/accounts/index.tsx, as source you own and edit.
import Accounts from "@/components/blocks/app/accounts"
export default function Example() {
return <Accounts />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
account-cardavatarbadgebuttondropdown-menugridAccount Menu
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.
Activity Goal
A focus-goal card with a 13-day recharts bar chart of minutes against an adjustable goal line, stepper buttons, a met count and a Set goal button that announces the saved value.