Components
390 components, each with a manual, an install command and a live story.
Account
account-settings · avatar-upload · change-password-form · notification-preferences · profile-card · profile-form · settings-sections · workspace-settings
Actions
button · button-group · copy-button · page-actions · share-action · switchers · toggle-group · view-toggle
Admin
admin-area · admin-tenants · admin-users · impersonation-banner · user-actions-menu
AI Assistant
ai-citations · ai-states · artifact-renderer · ask-ai · copilot-chat · copilot-dock · copilot-provider · score-explainer · semantic-search · voice-call-overlay · weighted-criteria-card
AI Agents
agent-persona-editor · agent-steps · ai-model-picker · ai-usage-cost · brain-list · knowledge-gaps · model-routing-editor · research-run · section-board
Alerts & Notifications
alert · alerts · app-update · attention · desktop-notification · notification-center · notification-item · toast
Analytics
breakdown-table · business-reports · funnel-builder · funnel-chart · geo-list · google-analytics-page · metric-tiles · realtime-counter · report-filter-bar
Auth
auth-layout · desktop-login-screen · device-pairing · forgot-password-form · idle-lock · invite-accept · lock-screen · login-form · oauth-buttons · oauth-consent · register-form · reset-password-form · session-expired · sign-in-flow · two-factor-challenge · verify-otp-form
Billing
accounting-ledger · invoice-list · invoice-view · line-item-editor · local-payments · rates-subscriptions · wallet
Bookings
availability-editor · booking-flow · booking-manage · booking-pipeline · booking-slots · check-in-kiosk · lobby-display · waiting-screen
Brand
brand-guidelines · brand-loaders · branding-provider · product-artwork · product-mark · spotlight · theme-presets
Charts & Maps
chart · chart-extras · graph-view · heatmap · map-monitor · map-view
Chat
canned-replies · chat · chat-widget · inbox
Collaboration
comment-thread · members-manager · mention-textarea
CRM
activity-composer · client-portal · company-list · contact-identities · contact-list · contact-merge · leads-inbox
Data Display
avatar · badge · carousel · country-flag · data-table · entity-list · infolist · interim-badge · lang-tag · screenshot-frame · source-badge · stat-card · status · table · timeline · usage-meter
Delivery
cash-collect · courier-card · delivery-tracker · dispatch-offer · route-stops
Developer Tools
api-keys · api-reference · code-block · code-block-variants · env-list · feature-flag-detail · feature-flags · github-activity · provider-switcher · repository-picker · terminal · webhooks-manager
Editors
content-table-editor · editor-chrome · email-templates · landing-page-editor · markdown-editor · markdown-extras · notes · presentation-editor · report-editor · rich-text-editor
Loading & States
data-state · error-pages · progress · route-progress · spinner · states · ws-status
Feedback SDK
Files
export-action · file-explorer · file-upload · import-wizard · trash-bin · version-history
Form Builders
form-builder · public-form · repeater · schema-form · schema-repeater
Forms
address-input · checkbox · chip-group · combobox · country-select · currency-input · field · form · inline-edit · input-group · limits-editor · native-select · otp-input · password-input · phone-input · radio-group · relation-picker · select · slider · switch · tag-input
Gamification
Healthcare
clinic-dashboard · clinic-queue · clinic-schedule · current-visit
Integrations
analytics-connect · connected-accounts · integration-connector · mcp-connect · placement-settings · plugin-card · whatsapp-qr-connect
Keyboard & Commands
command-palette · commands · hotkey-recorder · keyboard-shortcuts
Layout
accordion · app-shell · aspect-ratio · card · collapsible · dashboard-board · detail-layout · docs-shell · page-header · resizable · scroll-area · separator
Marketing
campaign-composer · social-composer · subscription-landing · trends-feed · youtube-channel-page
Monitoring
apm-page · apm-panels · error-tracking · log-viewer · status-page · status-page-manager · time-series-panel · uptime-monitors · web-vital-gauge · web-vitals-page
Navigation
breadcrumb · icon-rail-sidebar · menubar · mobile-nav-kit · navigation-menu · pagination · product-switcher · sidebar-layout · stepper · tabs · tree-view · user-menu · workspace-switcher
Onboarding
onboarding-checklist · onboarding-flow · setup-wizard
Overlays
alert-dialog · confirm-provider · context-menu · dialog · drawer · dropdown-menu · hover-card · popover · sheet · tooltip
Pickers
appearance-pickers · calendar · color-picker · date-picker · emoji-picker · icon-picker · time-fields · time-range-picker
Apps & Platforms
chrome-extension-install · desktop-icons · desktop-locations · desktop-os-shell · extension-popup · glance-surfaces · install-button · install-prompt
Pricing
bundle-card · plan-card · plan-catalog-editor · price · pricing-table · upgrade-prompt
Productivity
focus-status · pomodoro · quick-capture · scheduler · time-tracker
Security
access-grants · active-sessions · audit-log · cert-monitor · data-privacy · passkey-list · two-factor-setup · vault · vuln-report
SEO
backlink-monitor · keyword-planner · keyword-tracker · search-console-page · search-performance-table · seo-pages · seo-preview
Server Tools
backup-manager · database-explorer · deploy-view · dns-management · domains-manager · finops-cost · mail-settings · network-rules · proxy-hosts · server-admin · server-card
Storefront
catalog-store · checkout-steps · marketplace · product-card · product-detail · product-reviews · rating · store-account · store-cart · store-checkout · store-chrome · store-listing · store-merch · store-order-timeline
Store Admin
pos-register · stock-ledger · store-dashboard · store-orders-admin · store-products-admin · store-settings
Typography
markdown · numeric · section-header · text · text-effects
Utilities
barcode · countdown · hooks · icon · qr-code · text-utilities · translations
Website
blog-index · blog-post · cookie-consent · feature-story · legal-page · marketing-sections · personal-widgets · profile-page · testimonials · typing-terminal
Wellness
daily-summary · engine-card · engine-details · health-reports · health-trackers · vitals
Projects & Work
checklist · hr-attendance · issue-board · issue-view · kanban-board · project-list · project-view · status-label-manager
Workflow
approval-queue · cron-builder · kill-switch · rule-builder · run-history · step-editor · test-run-stream · workflow-canvas · workflow-marketplace · workflow-network · workflow-views
Changelog and versioning
This is the first public release. The components are used daily in the author's own products, but the API has not been through outside use, so treat everything as 0.x: minor versions may contain break
AccountSettings
The account settings page layout. A title, a section nav (vertical on desktop, tabs on mobile) and a content area, plus SettingsSection blocks and a DangerZone with typed delete confirmation.