uikit 🎨🔧

React component library and design system, built on Base UI and Tailwind CSS.

Browse the component gallery →

Install

Choose your fighter 🥊

pnpm add @crutchcrew/uikit

bun add @crutchcrew/uikit

yarn add @crutchcrew/uikit

npm add @crutchcrew/uikit

react, react-dom, and tailwindcss are peer dependencies — install them alongside this package.

Usage

Import the stylesheet once (e.g. in your app's root CSS entry) and wrap your app in the provider:

@import '@tailwindcss';
@import '@crutchcrew/uikit/theme.css';

Development

bun install
bun run dev          # Ladle component gallery, http://localhost:61000
bun test             # bun run test
bun run check        # fmt:check + lint + lockfile:check in parallel

Stories live alongside each component (*.stories.tsx) and render in the Ladle gallery, which is deployed to GitHub Pages on every push to main.