Components

50+ Material Design 3-inspired components organized by category

🔘 Actions (3)

Button

Clickable buttons for actions

View Docs

File Upload

Drag-and-drop file uploader

View Docs

Toggle

Toggle button controls

View Docs

📊 Data Display (10)

Avatar

User profile pictures

View Docs

Badge

Status indicators

View Docs

Card

Content containers

View Docs

Chip

Compact tags

View Docs

Code Block

Styled code containers

View Docs

Collapse

Collapsible content

View Docs

List

Vertical item lists

View Docs

Markdown Body

GitHub-style markdown typography

View Docs

Table

Data tables

View Docs

Timeline

Chronological events

View Docs

📝 Data Entry (19)

Autocomplete

Search with suggestions

View Docs

Cascader

Multi-level cascading selection

View Docs

Checkbox

Multiple selection checkboxes

View Docs

Date Picker

Calendar selection

View Docs

Form

Complete form examples

View Docs

Form Group

Form layout utilities

View Docs

Input

Text input fields

View Docs

Multi-Select

Multiple selection dropdown

View Docs

OTP Input

Verification code input

View Docs

PIN Input

Secure PIN entry

View Docs

Radio

Single selection radio buttons

View Docs

Rating

Star/heart ratings

View Docs

Segment Control

Segmented button toggle

View Docs

Select

Dropdown selection

View Docs

Slider

Range selector

View Docs

Switch

Toggle controls

View Docs

Textarea

Multi-line text input

View Docs

Time Input

Time selection

View Docs

Tree Select

Hierarchical dropdown

View Docs

💬 Feedback (8)

Alert

Important messages

View Docs

Dialog

Modal dialogs

View Docs

Modal

Full-featured overlays

View Docs

Progress

Loading indicators

View Docs

Skeleton

Loading placeholders

View Docs

Snackbar

Brief messages

View Docs

Toast

Toast notifications

View Docs

Tooltip

Contextual information

View Docs

🎨 Layout (3)

App Bar

Action bars

View Docs

Divider

Visual separators

View Docs

Grid

Auto-fill/auto-fit responsive grids

View Docs

🧭 Navigation (9)

Bottom Navigation

Mobile bottom nav

View Docs

Breadcrumbs

Hierarchical navigation

View Docs

Drawer

Side navigation

View Docs

Menu

Dropdown menus

View Docs

Navbar

Primary navigation

View Docs

Nested Menu

Collapsible sidebar navigation

View Docs

Pagination

Page navigation

View Docs

Stepper

Multi-step guide

View Docs

Tabs

Tab navigation

View Docs

📦 Surfaces (3)

Accordion

Expandable panels

View Docs

Bottom Sheet

Mobile panels

View Docs

Popover

Contextual overlays

View Docs