Open SourceFrontend2022
Nova Design System
Open-source React component library — 60+ accessible components, Figma token sync, and automated visual regression testing.
About this project
Nova is a design system built for engineering teams that need Figma parity without sacrificing accessibility. Every component is built on Radix UI primitives, tested with jest-axe, and documented in Storybook. A custom Figma plugin syncs design tokens bidirectionally, keeping CSS variables and Figma variables in lockstep.
Technical highlights
Bi-directional Figma ↔ CSS variable token sync
Automated visual regression with Playwright + Percy
Tree-shakeable — average bundle impact under 2 kB per component
Full keyboard and screen-reader support on every component
More projects