Skip to content
+

Open UI Kit - Overview

Open UI Kit is a React component library and theme system for building consistent product interfaces.

Introduction

Open UI Kit packages product-ready React components, shared theme tokens, and documentation in one place. It adds the Open UI Kit palette, typography, component defaults, and application patterns so teams can start from a stronger product baseline.

Use it when you want flexible React components with stronger defaults for internal tools, dashboards, and workflow-heavy applications.

What you get

  • Product-ready defaults: Components ship with consistent spacing, states, and density choices.
  • Shared themes: Light and dark themes use the same token vocabulary across the package.
  • Flexible customization: You can still use sx, slots, and theme overrides where needed.
  • Documentation-first workflow: Installation, usage, support, and version notes live beside the component docs.

Start now

  1. Install the package and peer dependencies.
  2. Wrap your app with ThemeProvider.
  3. Import components from @open-ui-kit/core.
  4. Use the component docs to tune props, patterns, and behavior.

Next: Installation.