⚡ React Pro Kit

A professional, customizable, and modern React + Vite + Tailwind CSS template designed to kickstart your frontend projects. It comes pre-configured with powerful tools and UI components using shadcn/ui, TypeScript, and more.

🚀 Build faster. Maintain better. Deploy with ease. 🧱 Works with your favorite package manager: npm, yarn, pnpm, or bun.

---

✨ Features

• ⚡ Vite for lightning-fast builds
• 🎨 Tailwind CSS for utility-first styling
• 🧩 shadcn/ui with Radix UI for accessible components
• 💡 TypeScript support
• 📁 Clean and scalable folder structure
• 🧼 Prettier & ESLint pre-configured
• 🔁 Dark mode support
• 🔄 Easy-to-extend design system
• 📦 Minimal dependencies and fast setup

---

📂 Folder Structure

react-kit-pro/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page-level components
│ ├── lib/ # Utility functions, hooks, and constants
│ ├── app/ # Main app routing and layout
│ ├── styles/ # Global styles (if any)
│ └── main.tsx # Entry point
├── public/ # Static assets
├── .eslintrc.cjs
├── tailwind.config.ts
├── index.html
├── vite.config.ts
└── package.json

---

🛠️ Getting Started

1. Clone the Template

npx react-pro-kit
# or
bun x react-pro-kit

2. Start development server

cd <project-name>

npm run dev
# or
yarn dev
# or
pnpm dev
#or
bun dev

---

🧩 UI Components with shadcn/ui

The template comes with shadcn/ui configured out of the box. To generate new components:

npx shadcn-ui@latest add button
# or
bun x shadcn-ui@latest add button

---

🙌 Contributing

Pull requests and suggestions are welcome! If you have ideas to improve this template, feel free to open an issue or PR.

---

🌐 Author

Purab Singla GitHub

---

Crafted with care using React, Tailwind & Vite ❤️

Let me know if you'd like to include deployment steps (e.g. with Vercel or Netlify), or example components in the README!