VLLNT UI · Component family

Data components

Data components turn records into something readable — sortable tables, lists, charts, metrics, gauges, and live status boards. Feed them your data and they handle filtering, formatting, and layout.

Charts & Graphs

Area, bar, line, pie, radar, gauge, sankey, and flow charts for visualizing any dataset.

Market & Trading

Candlestick charts, order books, treemaps, ticker tapes, and watchlists for financial and market data.

Tables & Lists

Sortable data tables, key-value lists, and side-by-side comparisons for structured records.

Metrics & KPIs

Stat cards, metric gauges, sparklines, progress bars, and overview boards for headline metrics and dashboards.

Status & Signals

Status boards, indicators, severity badges, alerts, and timers for real-time operational health.

Activity & Presence

Activity feeds, heatmaps, timelines, live streams, and presence avatars for monitoring what is happening and who is online.

Activity Heatmap

Contribution-style grid for visualizing operational activity over time. Install Activity Heatmap from the VLLNT UI registry with the shadcn CLI.

3 stories

Activity Log

Paginated activity feed for audit history and analytics changes. Install Activity Log from the VLLNT UI registry with the shadcn CLI.

2 stories

Contribution Graph

GitHub-style heatmap of daily activity over time. Install Contribution Graph from the VLLNT UI registry with the shadcn CLI.

2 stories

Live Feed

Rolling activity stream for surfacing incidents, deploys, and operational signals in real time. Install Live Feed from the VLLNT UI registry with the shadcn CLI.

2 stories

Bottom Activity Strip

Slim horizontally-scrolling row of recent canvas events for low-noise live activity. Install Bottom Activity Strip from the VLLNT UI registry with the shadcn CLI.

4 stories

Run Timeline

Multi-lane execution timeline showing run phases over time, with optional cursor. Install Run Timeline from the VLLNT UI registry with the shadcn CLI.

4 stories

Heat Overlay

Heatmap-style overlay drawing soft radial blobs for canvas activity samples. Install Heat Overlay from the VLLNT UI registry with the shadcn CLI.

4 stories

Gantt Chart

Project timeline with task bars, progress overlays, milestones, and a today indicator across day/week/month/quarter scales. Install Gantt Chart from the VLLNT UI registry with the shadcn CLI.

4 stories

Mini Map Panel

Viewport overview panel showing canvas bounds, markers, and the current zoom window. Install Mini Map Panel from the VLLNT UI registry with the shadcn CLI.

1 story

World Clock Bar

Multi-timezone display for follow-the-sun teams and operational handoffs. Install World Clock Bar from the VLLNT UI registry with the shadcn CLI.

3 stories

Avatar Group

Overlapping avatar stack for participants, assignees, and collaborative contexts. Install Avatar Group from the VLLNT UI registry with the shadcn CLI.

2 stories

Presence Stack

Overlapping live-presence avatars with status dots and a sane overflow chip. Install Presence Stack from the VLLNT UI registry with the shadcn CLI.

4 stories

Frequently asked

What's in the data family?
Tables and data tables, lists, charts, metrics, gauges, status boards, and activity feeds — the surfaces that read, filter, and summarize records.