Install

Make it yours.

Add FreeUI to your existing React app with @komocode/freeui on npm. The package includes all 77 React components, compiled styles, and the Manrope font.

1. Install the package

npm install @komocode/freeui

Requires React 19 and React DOM 19. If needed, install them with npm install react@^19 react-dom@^19.

2. Import the styles once

Add this to your application entry point or root layout:

import '@komocode/freeui/styles.css';

3. Use the components

import { FreeButton, FreeSlider } from '@komocode/freeui';
import { Dialog, DialogContent } from '@komocode/freeui/dialog';

export function Example() {
  return <FreeButton>Save changes</FreeButton>;
}

The root export includes FreeUI core controls. Other components use filename-based imports, such as @komocode/freeui/dialog or @komocode/freeui/calendar.

Build and run your own app with its existing tooling. FreeUI needs no separate server or Tailwind compilation step.

Native libraries

npm contains the React library. SwiftUI and GPUI each offer eleven native control families through their separate source kits.

Prefer the source?

Download the React source kit to customize components directly. Preserve the included license and third-party notices.