Components

60+ Material Design 3-inspired components organized by category

🔘Actions(7)

Button

Clickable buttons for actions

View Docs

Dropdown

Popover-based disclosure containers

View Docs

FAB / Speed Dial

Floating primary actions and expanding action groups

View Docs

Swap

State-driven visual content replacement

View Docs

Theme Controller

Styled theme preference controls

View Docs

File Upload

Drag-and-drop file uploader

View Docs

Toggle

Toggle button controls

View Docs

📊Data Display(16)

Stat

Responsive statistics groups

View Docs

Kbd

Native key presentation

View Docs

Carousel

Native scroll-snap containers

View Docs

Countdown

Application-updated time presentation

View Docs

Diff

Visual before/after comparison

View Docs

Avatar

User profile pictures

View Docs

Badge

Status indicators

View Docs

Card

Content containers

View Docs

Chat

Conversational UI primitives

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

✨Optional Effects(4)

Aura

Opt-in border light

View Docs

Hover 3D

Opt-in restrained tilt

View Docs

Hover Gallery

Deliberate gallery selection

View Docs

Text Rotate

Decorative rotating phrases

View Docs

📝Data Entry(18)

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

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(10)

Alert

Important messages

View Docs

Dialog

Modal dialogs

View Docs

Modal

Full-featured overlays

View Docs

Progress

Loading indicators

View Docs

Loading

CSS-only activity indicators

View Docs

Radial Progress

Determinate circular progress

View Docs

Skeleton

Loading placeholders

View Docs

Snackbar

Brief messages

View Docs

Toast

Toast notifications

View Docs

Tooltip

Contextual information

View Docs

🎨Layout(13)

App Bar

Action bars

View Docs

Divider

Visual separators

View Docs

Footer

Responsive footer composition

View Docs

Grid

Auto-fill/auto-fit responsive grids

View Docs

Hero

Foreground and overlay composition

View Docs

Indicator

Positioned badges and markers

View Docs

Join

Visually joined arbitrary controls

View Docs

Mask

Reusable clipping shapes

View Docs

Stack

Overlapping grid composition

View Docs

Sidebar Layout

Persistent responsive sidebar grid

View Docs

Sign Page

Responsive sign-in and sign-up layouts

View Docs

Home Page

Application home shell with adaptive navigation

View Docs

Console Page

Console shell with collapsible sidebar and mobile menu

View Docs

🧭Navigation(12)

Bottom Navigation / Dock

Safe-area-aware mobile destination dock

View Docs

Breadcrumbs

Hierarchical navigation

View Docs

Circle Menu

Radial circular navigation

View Docs

Drawer

Side navigation

View Docs

Link

Theme-aware native text links

View Docs

Megamenu

Responsive grouped site 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 / Steps

Progress and step navigation

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