01 / 09Event log · expandable rows
Audit Log
Compliance-style event log with expandable rows that reveal actor, action, status and request metadata. Composable disclosure parts.
npx shadcn@latest add https://hirael.com/r/audit-log.jsonSaaS.
Product-account panels: billing summaries, plan selectors, API-key managers, usage meters, and audit logs.
9 blocks, live at full size, install from here
02 / 09Plan summary · meter · actions
Billing Card
Current-plan summary with price, a usage meter, billing detail rows and footer actions. Composable parts for billing settings.
npx shadcn@latest add https://hirael.com/r/billing-card.json03 / 09Plan selector · featured · current
Subscription Plans
In-app plan selector with featured and current states, a badge, feature checklist and per-plan action. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/subscription-plans.json04 / 09Key manager · reveal · copy
API Keys
API key manager with reveal/hide, copy-to-clipboard, key metadata and a create action. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/api-keys.json05 / 09Metered usage · limit tints
Usage Dashboard
Metered usage panel with per-resource progress bars that tint amber near the limit and red over it. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/usage-dashboard.json06 / 09Section nav · label/control rows · danger zone confirm
Settings 1
Account settings page with a sticky section nav, card sections with label/control rows that stack on mobile, dirty-aware Save/Cancel footers, and a Danger zone with an alert-dialog confirm. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/settings-01.json07 / 09Password + 2FA · active sessions · pause all switches
Settings 2
Security and notifications settings in tabs: change password with strength meter, two-factor toggle, revocable session list, and grouped notification switches under a Pause all master. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/settings-02.json08 / 09Live search · inline roles · invite dialog
Members 1
Team members management: live search, inline role select, status badges, row actions menu, a pending-invites list with resend/revoke, and an invite dialog that validates emails as tags. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/members-01.json09 / 09Stepper header · gated Continue · done state
Onboarding 1
Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a fade between steps. Ships composable parts.
npx shadcn@latest add https://hirael.com/r/onboarding-01.json