Components

shadcn/ui ／ MUI ／ Mantine

Our pick

shadcn/ui

Works great with Tailwind CSS and is the most popular choice right now. You can read the code, so you can fix things yourself when you get stuck

Compare the result

We built the same thing with each library. Try them out.

shadcn/ui

MUI

Mantine

Compare the code

Edit the code and the preview on the right updates.

To run this demo in your own project:npx shadcn@latest add button

import { Button } from "./components/ui/button"

export default function App() {
  return (
    <div className="flex flex-wrap gap-3 p-4">
      <Button>Save</Button>
      <Button variant="outline">Cancel</Button>
      <Button variant="ghost">Learn more</Button>
    </div>
  )
}