Design Systems for AI
AI Design System
A design system optimized for AI-assisted workflows.
LLM Written
Human Reviewed
Danger
- Data Table — Core to B2B; supports sorting, filtering, pagination, batch actions, and inline editing
- Button — Primary, secondary, tertiary, danger, and ghost variants
- Text Input — Single-line form fields with validation states
- Dropdown — Single-select menus for filters and form fields
- Modal — Confirmations, forms, and detail views overlaid on content
- Notification — Inline, toast, and banner alerts for system feedback
- Header — Top navigation shell with product name, nav links, and action icons
- Side Nav — Left-rail navigation for multi-section enterprise apps
- Breadcrumb — Wayfinding in deep navigation hierarchies
- Tabs — Organizing content sections within a page or panel
- Form — Structured layouts for data entry with validation
- Select — Native-style dropdowns for simpler form contexts
- Checkbox — Multi-select options in forms and table filters
- Toggle — Enabling/disabling settings and feature flags
- Tag — Status labels, categories, and metadata chips
- Loading / Skeleton — Spinners and skeleton screens during data fetches
- Pagination — Navigating large datasets in tables and lists
- Overflow Menu — Contextual action menus on table rows and cards
- Date Picker — Single and range date selection for filters and scheduling
- Search — Global and scoped search inputs with typeahead support
The top tier for most B2B apps would be: Data Table, Header, Side Nav, Form components, Modal, and Notification — you'll find those in virtually every enterprise dashboard or admin interface.