v0.2 · 29 components, two themes
Components cut once, tailored to any theme.
Vesture is a React component library where color, spacing, and type all come from one design-token contract. Swap the theme class on your page and the entire library restyles itself — zero changes to component code.
npm install @vesture/react @vesture/tokensBuilt different
A small number of bets, held everywhere.
One token contract
Every component reads exclusively from vars.* — color, space, radius, shadow, font, motion. There's no hardcoded value to find and override.
Zero-runtime styling
Styles compile to real stylesheets at build time via vanilla-extract. No style injection cost during render or interaction.
Accessible by construction
Roving tabindex on Calendar and Tabs, a real focus trap on Modal, collision-aware positioning via Floating UI — not bolted on after the fact.
A DataGrid for real data
Manual virtualization, resizable and pinned columns, inline editing, and a serverSide mode for datasets too large for the client.
Composable, not opaque
Every component forwards its ref and spreads native attributes. Button is a <button>. Nothing stands between you and the DOM.
Versioned with Changesets
Every release traces back to a written, reviewable description of what changed — versions and changelogs are generated from Changesets, not hand-edited after the fact.
See it, don't just read it
One contract, two themes.
This is the real published package rendering live. Flip the theme and every token-driven value changes at once — no per-component overrides.
Rendering in the default theme — same components, same code, zero component-level changes.
Reference
29 components, fully documented.
Install Vesture and see your first theme swap in five minutes.
Free, MIT-licensed, and published on npm today.