💻 Nirmaan UI Installation Guide

Let’s summon some components and make your app ✨magical✨.

🧠 TypeScript is your friend

This project speaks fluent TypeScript. We highly recommend using it unless you enjoy debugging JavaScript at 3 AM. 😅

🚨 Note:

This guide is optimized for Tailwind v4. Still on Tailwind v3? Time-travel back to shadcn@2.3.0

🛠️ 1. Create Project

Let’s kick things off! Run the magic spell below to conjure your project:

pnpm dlx shadcn@latest init

✨ 2. Add Components

Now summon the mighty nirmaan Button 🪄

pnpm dlx shadcn@latest add https://nirmaan-ui.vercel.app/r/nirmaan-button.json

You’ve got the button! Use it like this and make your UI go *nirmaanyy*:

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

export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  )
}

🎉 That’s it!

Once that’s done, your app will be looking ✨ fabulous ✨ and ready to roll with nirmaan UI!