Genesys UI
A layered, open-source design-system ecosystem
Genesys UI is an open-source design system built as a layered ecosystem rather than a single component library. I designed its architecture and led it as its principal contributor.
Architecture
The system is split into independent, composable layers, each in its own package or monorepo (several related packages):
- Tokens & theming — design tokens with Style Dictionary, a CLI, and generated types, plus brand tokens and a theme generator.
- Base styles and styles — foundations and component styles in pure CSS, usable without React.
- React components — the main component library, documented in a live Storybook.
- Icons — a multi-format icon gallery, including React components.
- Form builder — a complex component kept outside the core library, with its own Storybook.
- Demo app — a live showcase of the components in context.
Shared infrastructure ties it together: replicable CI workflows, shared Storybook addons, and shared React hooks across every package.
Status
Built at Devo and released as open source, where it was used in production —
those repositories still live, mixed with the company's others, under
DevoInc. Upstream
development was frozen in 2025; a group of the original authors forked it into a
dedicated genesys-ui org to keep it going. It's
currently paused, with a full rebrand planned.