Components

Every component renders live. Hover one to save, compare or copy it.

67 components of 2,023

Clear filters

Math Graph
Unlumen UI · Chart
Analytics Chart
Cult UI · Chart
GitHub Graph
Unlumen UI · Chart
Chart
shadcn/ui · Chart
Illustration Graph
Cult UI · Chart
Accordion with disabled items and highlighted state
ReUI · Chart
3:2 classic photography aspect ratio
ReUI · Chart
Dither Donut Chart
Amicro · Chart
Dither Growth Chart
Amicro · Chart
Uptime Dither Bar Chart
Amicro · Chart
Activity Dither Heatmap
Amicro · Chart
Badge with a status dot
ReUI · Chart
Status and priority colour dots via renderLabel.
ReUI · Chart
Controlled path, value, query and open state.
ReUI · Chart
Basic bar chart
ReUI · Chart
Animated monochrome bar chart
ReUI · Chart
Vertical bar chart
ReUI · Chart
Stacked area chart with dashed strokes
ReUI · Chart
Step area chart with dotted pattern fill
ReUI · Chart
Area chart with glowing dot markers
ReUI · Chart
Forecast line chart with stripe pattern zone
ReUI · Chart
Stacked area chart with crosshatch pattern fill
ReUI · Chart
Donut chart with center total
ReUI · Chart
Multi-dataset bar chart
ReUI · Chart
Donut chart with center stats
ReUI · Chart
Bug priority pie with stripe patterns
ReUI · Chart
Active segment donut with center label
ReUI · Chart
Filled radar with glowing stroke
ReUI · Chart
Lighthouse scores radial with labels
ReUI · Chart
Diagonal stripe bar chart
ReUI · Chart
Dotted pattern bar chart
ReUI · Chart
Striped and solid bar chart
ReUI · Chart
3D isometric bar chart
ReUI · Chart
Dotted and solid bar chart
ReUI · Chart
Basic empty state
ReUI · Chart
No data analytics empty state
ReUI · Chart
Bookmarks empty state
ReUI · Chart
Tasks empty state
ReUI · Chart
Comments empty state with isometric board illustration
ReUI · Chart
No messages empty state with chat bubbles illustration
ReUI · Chart
No integrations empty state with connected nodes illustration
ReUI · Chart
Document empty state
ReUI · Chart
Inbox empty state
ReUI · Chart
Team members empty state
ReUI · Chart
No notifications empty state
ReUI · Chart
Status and priority colour badges
ReUI · Chart
Gantt chart with drag-to-reorder tree rows
ReUI · Chart
Gantt chart with quarter roadmap and rollups
ReUI · Chart
Gantt chart with weekly capacity board
ReUI · Chart
Gantt chart with as-built baseline tracking
ReUI · Chart
Gantt chart with dependency arrows and milestones
ReUI · Chart
Isometric icon stack
ReUI · Chart
Empty state illustration
ReUI · Chart
Empty state
ReUI · Chart
Status overlay
ReUI · Chart
Item group with status badges
ReUI · Chart
Label with error state
ReUI · Chart
Label with status indicator dot
ReUI · Chart
Label in a disabled state.
ReUI · Chart
Run status markers with a live step
ReUI · Chart
Sender name and delivery status
ReUI · Chart
Streaming reply with a pending state
ReUI · Chart
State-tracked resizable layout.
ReUI · Chart
Stepper with completed state
ReUI · Chart
Orders table with customer info and payment status
ReUI · Chart
Timeline with order status.
ReUI · Chart
Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.
ReUI · Chart

Components

Math Graph

Analytics Chart

GitHub Graph

Chart

Illustration Graph

Accordion with disabled items and highlighted state

3:2 classic photography aspect ratio

Dither Donut Chart

Dither Growth Chart

Uptime Dither Bar Chart

Activity Dither Heatmap

Badge with a status dot

Status and priority colour dots via renderLabel.

Controlled path, value, query and open state.

Basic bar chart

Animated monochrome bar chart

Vertical bar chart

Stacked area chart with dashed strokes

Step area chart with dotted pattern fill

Area chart with glowing dot markers

Forecast line chart with stripe pattern zone

Stacked area chart with crosshatch pattern fill

Donut chart with center total

Multi-dataset bar chart

Donut chart with center stats

Bug priority pie with stripe patterns

Active segment donut with center label

Filled radar with glowing stroke

Lighthouse scores radial with labels

Diagonal stripe bar chart

Dotted pattern bar chart

Striped and solid bar chart

3D isometric bar chart

Dotted and solid bar chart

Basic empty state

No data analytics empty state

Bookmarks empty state

Tasks empty state

Comments empty state with isometric board illustration

No messages empty state with chat bubbles illustration

No integrations empty state with connected nodes illustration

Document empty state

Inbox empty state

Team members empty state

No notifications empty state

Status and priority colour badges

Gantt chart with drag-to-reorder tree rows

Gantt chart with quarter roadmap and rollups

Gantt chart with weekly capacity board

Gantt chart with as-built baseline tracking

Gantt chart with dependency arrows and milestones

Isometric icon stack

Empty state illustration

Empty state

Status overlay

Item group with status badges

Label with error state

Label with status indicator dot

Label in a disabled state.

Run status markers with a live step

Sender name and delivery status

Streaming reply with a pending state

State-tracked resizable layout.

Stepper with completed state

Orders table with customer info and payment status

Timeline with order status.

Public TypeScript contract for the headless gantt: events, occurrences, segments, state, and callbacks.

Math Graph

Analytics Chart

GitHub Graph

Chart

Illustration Graph

Accordion with disabled items and highlighted state

3:2 classic photography aspect ratio

Dither Donut Chart

Dither Growth Chart

Uptime Dither Bar Chart

Activity Dither Heatmap

Badge with a status dot