Data-heavy software

Build dense working views with tables, filters, status, charts, and record inspectors.

Working rules

Keep filters close to the records they change and preserve the selected record when the result set changes.
Expose exact values beside visual summaries. Missing, zero, delayed, and unavailable remain different states.
On narrow screens, move from overview to a focused record instead of compressing every column.

Data table. Sorts, filters and selects structured records. Native controls expose sort and selection state.
Filter bar. Shows active filters with individual removal, reset, and a result count.
Description list. Aligns semantic labels and values in a responsive description list.
Badge. Labels status or category. 11px text with outline, solid, and muted variants.
Progress. Shows completion for a known process. 4px bar; the label carries the percentage.
Bar chart. Compares values with vertical or horizontal bars. Thin ink marks, square ends, optional stacks.
Drawer. Opens a focused task from the bottom edge. Native dialog with platform focus handling and backdrop.

Dashboard. A print production desk with dated work, supplied output totals, and local review notes.
Fleet management. A fleet desk with a Mapbox map of Dogpatch, supplied vehicle records, and local dispatch notes.
Satellite operations. An observation workspace with an asset list, map tools and a structured pass inspector.

Install Vlak or inspect the linked pages for React, CSS, registry, keyboard, and accessibility details.