Skip to content
+

Introduction

Open UI Kit Core gives product teams a ready-to-use React component library with Open UI Kit themes, tokens, and examples.

What Open UI Kit Core is

Open UI Kit Core is the package you install when you want flexible React components with stronger product defaults. It includes components, theme primitives, dark and light modes, and documentation patterns for building consistent application screens.

The package is designed for teams that need to ship interfaces quickly without rebuilding the same component behavior, spacing, and states in every app.

What is included

  • Components: Form controls, navigation, feedback, layout, data display, and application shell pieces.
  • Theme system: Shared tokens for color, typography, spacing, elevation, and component states.
  • Dark and light modes: One provider controls the Open UI Kit visual language across the app.
  • Flexible customization: Use sx, slots, and theme overrides where local product needs require it.
  • Documentation workflow: Guides, Storybook examples, and package notes stay close to the implementation.

When to use it

Use Open UI Kit Core when your app needs a production-ready UI baseline, a consistent theme, and components that feel familiar to React product teams. Start with Installation, then move to Usage once the package is installed.