Type
Component library
Calm interfaces for settings, dashboards and apps.
Snapshot UI is an accessible React library in a warm, editorial voice: cream surfaces, one typeface and corners that round with intent. Plain HTML is next.
$ pnpm add @snapshot-ui/react @snapshot-ui/core
Corners
Notifications
Where we reach you, and how often.
Product updates
A short note when something ships.
Weekly digest
Every Tuesday morning.
Security alerts
Always on for owners.
Workspace
Shown in the header and in every invite.
Theme
Saved. Your changes are live.
Foundations
One voice, measured rather than chosen by eye.
Every color pairing is checked for contrast in both themes, every corner comes from one scale, and every component is keyboard first.
Theme axes
Two switches. Every component follows.
Set data-theme and data-shape on any element. A light card inside a dark page just works.
LightRounded
LightSoft
LightSquare
DarkRounded
DarkSoft
DarkSquare
Components
Everything a dashboard asks for.
From a single switch to the whole app shell. Published as you build, at 0.x, from the first phase.
Forms
ButtonIcon buttonText fieldText areaCheckboxRadio groupSwitchSegmented controlSelectCombo boxTag input
Dates and media
Date pickerDate rangeTime fieldColor fieldIcon pickerMedia inputSliderRich text
Lists and data
Data tableSortable listTree builderMaster detailTransfer listStat tileEmpty stateCharts
Overlays and shell
DialogToastTooltipMenuDrawerCommand paletteSidebarSave bar