Area chart

Stacked or layered areas with a crosshair, soft edges and an entrance sweep.

Line chart

Multi-series lines with markers and a dashed tail for the period still in progress.

Bar chart

Vertical or horizontal bars, stacked series, and a screen reader data table.

Donut chart

A sweeping donut that shows the hovered slice in the middle, paired with a legend.

Ring chart

Concentric progress rings with a hover glow and a counting center value.

Gauge chart

A notched arc or a continuous ring, one number in the middle.

Sparkline

A tiny trend line for tables and cards, with a dot on the latest value.

Stat card

A headline number that counts up, a trend pill and a chart in one card.

Number chart

A big figure with a delta that knows whether up is good news.

Time series chart

Dates on the x axis, a comparison line and a crosshair tooltip.

Button

Five variants and sizes, one source of truth.

Badge

Filled, tinted and outlined labels.

Form controls

Input, switch, checkbox and progress on the same tokens.

Card

A surface with a header, content and footer.

Tabs

Tabs with a sliding indicator.

Dialog

A modal with a header, fields and a footer.

Select

A themed menu with grouped options.

Accordion

Stacked sections that open one at a time.

Avatar

Initials that stand in for photos.

Marquee

An endless ticker that pauses on hover.

Border beam

A light that travels around a card's edge.

Text effect

Words that fade in one after another.

Spotlight

A soft beam that sweeps in on mount.

Theme toggle

A sun, moon and monitor button that wipes the new theme out from the click.

Image comparison

A wipe handle between before and after.

Animated beam

A gradient pulse that runs between two nodes.

Animated group

Staggered entrances with one replay button.

Image reveal

Photos that dissolve in through a pixel pass.

Kanban board

Drag cards between lanes, by mouse or by keyboard.

Task list

Rows grouped by status that fold, with drag between groups.

Gantt

Bars you drag and resize by the day, with arrows between tasks.

Status badge

Chips from one status config, with a busy spinner.

Status dot

Dots in five shapes, from open ring to filled check.

Inbox

Approve, decline or steer what an agent isn't sure about, with the trace one click away.

Status icon

Registry icons with a dot fallback for the rest.

Agent avatar

A bot face from a seed, eleven shapes and hats.

Agent cast

The full cast on one card, ready to pick.

Slide deck

A deck with reveals, overview and print, on a canvas that scales.

Prompt input

Ask box with suggestions and send states.

Conversation

Chat bubbles with a markdown answer.

Thinking dots

Three dots while the answer forms.

Composer

Message box with send on Enter.

Typing dots

Who is typing, in three dots.

Trade icon

One glyph per trade, same stroke.

Brand tokens

The palette as swatches, one source.

Testimonial

One featured quote, ready to place.

Review page

The full review UI mounted in a box.