A modern React component library built with TypeScript and Tailwind CSS.

Choose your preferred package manager:

# npm npm install @openhands/ui # yarn yarn add @openhands/ui # pnpm pnpm add @openhands/ui # bun bun add @openhands/ui

import { Button, Typography } from "@openhands/ui"; import "@openhands/ui/styles"; function App() { return ( <div> <Typography.H1>Hello World</Typography.H1> <Button variant="primary">Get Started</Button> </div> ); }

Use your preferred package manager to install dependencies and run the development server. We recommend using Bun for a fast development experience.

Note: If you plan to make dependency changes and submit a PR, you must use Bun during development.

# Install dependencies bun install # Start Storybook bun run dev # Build package bun run build

To test the package in another project without publishing to npm:

# Build the package: bun run build # Create a local package: # This generates a `.tgz` file in the current directory. bun pm pack # Install in your target project: # Replace `path/to/openhands-ui-x.x.x.tgz` with the actual path to the generated `.tgz` file. npm install path/to/openhands-ui-x.x.x.tgz

This package is automatically published to npm when a version bump is merged to the main branch. See PUBLISHING.md for detailed information about the publishing process.

MIT