Components
52 items. Each carries a status, from placeholder through to verified.
Foundations
Base
- AnnouncementPlaceholder
Dismissible banner for product news
- AvatarPlaceholder
User photo with initials fallback
- BadgePlaceholder
Status labels in every accent color
- BreadcrumbPlaceholder
Path trail with collapsing levels
- ButtonPlaceholder
Primary, secondary, and danger actions
- Button GroupPlaceholder
Fused row of selectable buttons
- CheckboxPlaceholder
Animated tick, card variant, two sizes
- ChipPlaceholder
Compact removable filter tokens, including a row layout
- Close ButtonPlaceholder
The little x, done properly
- Date PickerPlaceholder
Popover calendar for single dates
- DividerPlaceholder
Single, double, and filled content separators
- DropdownPlaceholder
Composable menus for teams, models, and actions
- File UploadPlaceholder
Drag, validate, and track upload progress
- Icon ButtonPlaceholder
Square action button, icon only
- InputPlaceholder
Text field with addons and validation
- LabelPlaceholder
Field labels with hints and tooltips
- Link ButtonPlaceholder
Inline text action styled like a link
- NotificationPlaceholder
Status messages with icons, avatars, and actions
- PaginationPlaceholder
Page numbers with truncation
- RadioPlaceholder
Gradient dot, card variant, two sizes
- Segmented ControlPlaceholder
Sliding pill option switcher
- SelectPlaceholder
Single-choice listbox with search
- SliderPlaceholder
Single-value and min/max range selection
- SwitchPlaceholder
On/off toggle with spring motion
- TablePlaceholder
Sortable columns, sticky header
- TabsPlaceholder
Underline and pill tab lists
- TooltipPlaceholder
Positioned hints on hover and focus
- CardPlaceholder
Tinted-field surface that groups related content
- Stat trioPlaceholder
Three related metrics presented together as one glanceable unit
- List rowPlaceholder
A single list row stated as a relationship, not a table cell
- Bottom sheetPlaceholder
A sheet that rises from the bottom edge for a focused, dismissible task
Blocks
- Agent ProgressPlaceholder
Collapsible progress for multi-step AI tasks
- CalendarPlaceholder
Full month view with event pills
- Data TablePlaceholder
Filters, selection, and pagination wired up
- Notification CenterPlaceholder
Grouped activity inbox with tabs and actions
- Settings ModalPlaceholder
Multi-page settings in a controlled dialog
- SidebarPlaceholder
Floating app navigation with a teams menu
Charts
- Activity RingsPlaceholder
Apple-style concentric activity rings
- ContributionsPlaceholder
GitHub-style contribution heatmap
- Earnings ChartPlaceholder
Bar chart with period-over-period comparison
- Most Active DaysPlaceholder
Weekday activity bars
- Revenue TrendPlaceholder
Smooth area chart with a hover tooltip
- Sleep ScorePlaceholder
Radial gauge summarizing a sleep score
- Steps ChartPlaceholder
Daily steps with a goal marker
- Chart containerPlaceholder
The shared surface every chart sits inside, with header and legend slots
Templates
- AI ChatPlaceholder
Full-page conversational interface with message history and a composer
- AI Image GenerationPlaceholder
Full-page prompt-to-image workflow with a generation queue
- AI ProfilePlaceholder
Full-page profile view built around an AI assistant's identity
- Home DashboardPlaceholder
Full-page dashboard combining stats, charts, and recent activity
- Medical ProfilePlaceholder
Full-page patient profile with vitals, history, and care team