Getting Started

Install codmir UI

A collection of beautiful, accessible components built on Radix UI and Tailwind CSS.

Prerequisites

Make sure you have the following installed before getting started.

Node.js 18+ installed
A React/Next.js project with Tailwind CSS configured
TypeScript (recommended but not required)

1Initialize shadcn/ui

npx shadcn@latest init

This will set up your project with the necessary configuration files.

2Add Components

Add the components you need to your project:

npx shadcn@latest add button card dialog

This adds the Button, Card, and Dialog components to your project.

3Use Components

Import and use components in your code:

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

export function MyComponent() {
  return (
    <Button variant="default">
      Click me
    </Button>
  )
}

Build with codmir

← Back to Components Button example