Skip to content

Getting Started Foundations Components Templates Releases

Foundations6

Physical UI
Color Primitives
Semantic Colors
Material Colors
Foundation Tokens
Component Tokens

Getting Started2

Introduction
Installation

Structure & Layout15

Surface
Panel
Frame
Card
Separator
AspectRatio
ScrollArea
Resizable
Toolbar
Flex
Grid
Stack
Container
Affix
Watermark

Actions8

Button
IconButton
CloseButton
FloatActionButton
ButtonGroup
Toggle
ToggleGroup
Link

Forms & Data Entry32

Date, Time & Color12

Calendar
DateField
DatePicker
DateRangePicker
RangeCalendar
TimeField
ColorPicker
ColorArea
ColorField
ColorSlider
ColorSwatch
ColorSwatchPicker

Navigation13

Breadcrumb
Tabs
Pagination
Menu
DropdownMenu
ContextMenu
Menubar
NavigationMenu
Sidebar
Navbar
Anchor
Steps
CommandPalette

Data Display23

Avatar
AvatarGroup
Badge
Chip
Item
List
ListBox
TagGroup
DescriptionList
Stat
Table
DataTable
Tree
Timeline
Feed
Image
Carousel
QRCode
CodeBlock
Kbd
Typography
Display
Chart

Status & Feedback11

Alert
Banner
Toast
Result
EmptyState
Skeleton
Spinner
Progress
ProgressCircle
Meter
Status

Overlays & Disclosure9

Dialog
AlertDialog
Drawer
Popover
Tooltip
PreviewCard
Tour
Accordion
Collapsible

Application Patterns20

ApplicationShell
SidebarLayout
StackedLayout
MultiColumnLayout
PageHeader
SectionHeader
FilterBar
DataToolbar
FormLayout
SettingsForm
AuthForm
ActionPanel
FileUploadPanel
NotificationCenter
MetricGroup
ChartPanel
CalendarPanel
ActivityFeed
MessagingPanel
PermissionMatrix

Marketing Blocks15

HeroSection
FeatureSection
CTASection
BentoGrid
PricingSection
NewsletterSection
StatsSection
TestimonialSection
BlogSection
ContactSection
TeamSection
ContentSection
LogoCloud
FAQSection
Footer

Commerce Blocks14

ProductOverview
ProductList
CategoryPreview
Cart
CategoryFilter
ProductQuickview
ProductFeatures
StoreNavigation
PromoSection
CheckoutForm
Reviews
OrderSummary
OrderHistory
Incentive

Page Templates12

DashboardTemplate
SettingsTemplate
AdminTemplate
DocumentationTemplate
MarketingTemplate
PricingTemplate
EcommerceTemplate
CheckoutTemplate
AuthTemplate
ErrorTemplate
ProfileTemplate
AIWorkspaceTemplate

AI-native Interfaces15

Message
MessageList
PromptInput
Attachment
ModelSelector
AgentStatus
StreamingText
ToolCall
ReasoningTrace
ApprovalGate
Citation
Artifact
TokenUsage
AgentPlan
HumanHandoff

Physical Instruments3

Module
Signal
PixelDisplay

Panel

Bounded functional assembly.

Constructed unit

Control deck01 / 04

Input routing

Output gain

<Panel material="aluminum">…</Panel>