GitHubGitHub

Documentation

Build data-heavy UI.

4ui is a Svelte 5 component library for dashboards, analytics, and other data-heavy product interfaces.

Start with the contracts

Foundation components own presentation and interaction. Widgets accept normalized data. Your product keeps ownership of network requests, application stores, permissions, translations, and persistence.

Explore by layer

Foundation components

Buttons, badges, fields, status, skeletons, empty states, overlays, tabs, and feedback.

Dashboard widgets

KPIs, gauges, status, time ranges, charts, realtime tables, and alert workflows.

Complete example

The dashboard route composes only public exports against deterministic local data.