Neural UI Design System
An enterprise-grade design system featuring 50+ fully accessible React components, a powerful theming engine supporting dark/light modes and custom brand colors, comprehensive Storybook documentation, and seamless Figma-to-code workflows.
What wasn't working
A 40-engineer product org had four different button components across three apps, inconsistent spacing, and accessibility violations flagged on every audit.
What I built
I led the build of a single React design system versioned on npm, token-driven via CSS variables, and round-trip synchronized with Figma. Every component ships WCAG AA compliant with automated axe-core tests in CI.
What it does
- 50+ fully accessible (WCAG AA) React components
- Token-based theming with dark/light + brand color support
- Figma plugin for two-way design token sync
- Comprehensive Storybook documentation site
- Automated accessibility testing with axe-core
- Zero-runtime CSS via vanilla-extract
- Semantic versioning with automated changelogs
Built with
A closer look
Let's build something
remarkable together.
Sadik Studio takes on a limited number of projects each quarter — direct with the engineer building your product. Send a brief and we'll reply within 24 hours with a scope, timeline, and fixed quote.