Skip to content
38

SaaS.

Account and billing panels for a SaaS product: billing summaries, plan selectors, API key managers, usage meters and audit logs.

9 blocks, live at full size, install from here

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.json

02 / 09Plan summary, meter, upgrade flow

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.json

03 / 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.json

04 / 09Key manager, one-time reveal, revoke

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.json

05 / 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.json

06 / 09Section nav, label/control rows, danger zone confirm

Settings 01

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.json

07 / 09Password + 2FA, active sessions, pause all switches

Settings 02

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.json

08 / 09Live search, inline roles, invite dialog

Members 01

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.json

09 / 09Stepper header, gated Continue, done state

Onboarding 01

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