Shim

Accessible React UI components built on top of React Aria Components. Install components directly into your codebase so you own and customize them.

• Accessible by default (React Aria Components)
• Tailwind v4-based styling
• Copy-install components you fully control
• Fast CLI with auto dependency install

• Website & docs: https://shim.kkga.me

Quick start

1. Install Tailwind CSS (v4) following the official guide for your framework.

2. Initialize Shim:

pnpm dlx @kkga/shim init
# npm:  npx @kkga/shim init
# yarn: yarn dlx @kkga/shim init
# bun:  bunx @kkga/shim init

3. Add a component:

pnpm dlx @kkga/shim add button

See full docs: https://shim.kkga.me/quick-start

CLI

The CLI installs dependencies, writes config, and scaffolds utilities and theme CSS.

pnpm dlx @kkga/shim init
pnpm dlx @kkga/shim add button dialog form

More: https://shim.kkga.me/cli

Manual setup

Prefer manual steps? Guide here: https://shim.kkga.me/manual-setup

Theming

Customize tokens, variants, and theme: https://shim.kkga.me/theming

License

MIT