Components

Button

Actions & CTA

Checkbox

Boolean input

Color Picker

Hex color selector

Date Picker

Calendar date input

Month Grid

Selectable month calendar

Filters Bar

Multi-filter row

Input

Text field

Select

Dropdown selector

Slider

Range input

Text Editor

Rich text with toolbar

Switch

On/off toggle

Toggle

Labeled toggle

Activity Feed

Action timeline

Avatar

User identity

Featured Icon

Highlighted icon container

Badge

Status labels

Chart

Line & bar charts

Metrics

KPI stat cards

Progress Bar

Completion bar

Progress Circle

Circular progress

Status Icon

Online/verified dot

Table

Data grid

Tag

Category pills

Tree View

Hierarchical list

Video Player

16:9 player with controls

Command Menu

⌘K palette

Dropdown

Contextual actions

Modal

Dialog overlay

Slideout

Side panel

Tooltip

Hover hints

Breadcrumb

Page trail

Search Trigger

Opens search / ⌘K

Nav Header

Top nav bar

Nav Sidebar

Side nav panel

Pagination

Page controls

Tabs

Horizontal tabs

Vertical Tabs

Side tabs

Card

Surface container

Card Header

Panel header

Content Divider

Section separator

Inline CTA

Promo blocks

Page Header

Page title block

Section Footer

Section bottom bar

Section Header

Section title row

Section Label

Field group label

Alert

Status messages

Empty State

No-data placeholder

Loading

Spinner & dots

Calendar

Month/week/day view

Code Snippet

Dark code block

File Upload

Drag-and-drop files

Messaging

Chat bubbles

Progress Steps

Wizard stepper