How is data-display different from data?

Visualization-first components — maps, globes, choropleths, heatmaps, timelines, and specialized charts — that render spatial or temporal data.

VLLNT UI · Component family

Data Display components

Browse the Data Display components currently implemented for the Native renderer.

Browse all components How agents consume the registry5 components

Timelines

Chronological, historical, and interactive multi-track timelines for sequencing events over time.

Interactive Timeline

Zoomable, pannable, multi-track timeline with category filter, today marker, and click-to-select events. Install Interactive Timeline from the VLLNT UI registry with the shadcn CLI.

WebNative

4 storiesView component

Progress & Toolbars

Scroll and glass progress bars plus floating toolbars for reading state and contextual selection actions.

Glass Progress

Glass-styled progress bar with a translucent track and token-colored fill. Install Glass Progress from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Scroll Progress

Fixed bar that tracks reading progress down the page. Install Scroll Progress from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Floating Toolbar

Compact action bar that floats above a selection — primary / ghost / destructive variants. Install Floating Toolbar from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

Documents & Hierarchy

Tree views and primary-source document viewers for exploring nested data and archival source material.

Tree View

Hierarchical tree component for nested data with controlled state, single/multi-select, and keyboard navigation. Install Tree View from the VLLNT UI registry with the shadcn CLI.

WebNative

4 storiesView component

Readable by agents

Your AI agent can install these too.

The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.

/llms.txt

Concise index per the llmstxt.org spec — sections, links, and descriptions.

/llms-full.txt

Full registry context in one fetch — docs plus every component descriptor.

/r/<name>.json

Per-component descriptor: props, accessibility schema, and usage examples.

Frequently asked

How is data-display different from data?: Visualization-first components — maps, globes, choropleths, heatmaps, timelines, and specialized charts — that render spatial or temporal data.