Introduction

Every website looks the same these days. chadcn/ui gives your components personality — each one looks identical to its shadcn counterpart, but with a unique interaction that makes your site impossible to ignore.

Drop-in Replacement

chadcn/ui shares the exact same API, props, and types as shadcn/ui. Swap your import path and everything still works — just differently.

import "@chadcn/ui/styles.css"
import { Button } from "@chadcn/ui"

Same Look, Different Feel

Every component is visually identical to its shadcn original. The styling, variants, and sizes are all the same. The only difference is the behavior — once you try it, you won't forget it.

Open Source

chadcn/ui is open source. The code is available on GitHub. Use it to surprise your users, liven up a demo, or add personality to any project.