Back to Projects
🌍

OpenUI Components

An open-source accessible React component library with 50+ components, full TypeScript support, and theming.

● Live
2021-06 – Presentoss
View Source Live Demo

Tech Stack

ReactTypeScriptStorybookRollupCSS VariablesJestPlaywright

Overview

OpenUI is a community-driven, accessible React component library following WAI-ARIA standards. It ships 50+ components with full TypeScript typings, dark mode support, and a CSS variables-based theming system. Used by 300+ projects on GitHub.

Key Features

  • 50+ accessible React components (WAI-ARIA compliant)
  • Full TypeScript types and IntelliSense support
  • CSS variables theming system with dark mode
  • Storybook documentation with interactive playground
  • 100% test coverage with Jest and Playwright
  • Tree-shakeable ESM + CJS dual build

Challenges & Learnings

  • ⚡Ensuring WCAG 2.1 AA compliance for complex interactive components
  • ⚡Building a theming system that works without a bundler
  • ⚡Managing breaking changes and semver across a large API surface