Dashboard Blocks
Production-ready multi-component blocks that adapt automatically to light and dark mode. Click any block title to open its dedicated documentation page.
KPI metric card with percentage trend badge, comparison subtitle, and inline SVG sparkline.
Four-column responsive KPI grid displaying core business metrics and sparkline trends.
Full-featured customer data table with search toolbar, status tabs, column sorting, bulk selection, pagination, and a slide-over details drawer on row click.
| Customer | Plan | Status | Seat Utilization | Updated | Actions | ||
|---|---|---|---|---|---|---|---|
LI Linear Orbit Inc. billing@linearorbit.io | Enterprise Annual | Active | $4,200.00 | 2 hours ago | |||
RA Raycast Labs GmbH finance@raycastlabs.de | Enterprise Annual | Active | $3,150.00 | 5 hours ago | |||
NO Northstar Analytics ops@northstar.co | Scale Annual | Past Due | $1,950.00 | 2 days ago | |||
CH chronicle.so accounts@chronicle.so | Pro Monthly | Trialing | $890.00 | 1 day ago | |||
VE Veloce Design Studio team@veloce.design | Pro Monthly | Active | $640.00 | 3 days ago |
Multi-condition filter bar with search input, removable filter chips, date-range picker, and list/grid view toggle.
Account profile form block with avatar upload header, prefix username input, timezone select, and auto-resizing bio.
Workspace team directory with online presence avatars, role selector dropdowns, and member invitation flow.
Two-factor authentication toggles (TOTP & WebAuthn passkeys) paired with an active device session list.
Two-factor authentication & sessions
Manage passkeys, authenticator apps, and active devices.
Authenticator App (TOTP)
Use a 6-digit verification code when signing in.
Passkey / Security Key
Biometric or hardware key sign-in via WebAuthn.
MacBook Pro • Chrome 134 (Current)
Jakarta, Indonesia • Active now
iPhone 16 Pro • Safari
Last active 3 hours ago
Subscription plan overview with seat/storage usage meters and default payment method management.