🧙♂️ Crazxy 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 Crazxy Button 🪄
pnpm dlx shadcn@latest add https://crazxyui.in/r/crazxy-button.json
You’ve got the button! Use it like this and make your UI go *crazxyyy*:
import { Button } from "@/components/ui/crazxy/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 Crazxy UI!