React + TypeScript + Tailwind CSS + shadcn/ui Starter

A modern starter template for building React applications with TypeScript, Tailwind CSS (v3.4), shadcn/ui, and Vite.
This setup is designed to provide strong defaults, excellent browser compatibility, and a clean foundation for common React project needs.

---

✨ Features

• ⚡ Vite — Fast build tool with lightning-quick dev server.
• 📘 TypeScript — Strict typing for safer, scalable React apps.
• 🎨 Tailwind CSS 3.4 — Utility-first styling with improved browser compatibility.
• 🧩 shadcn/ui — Accessible, headless, and themeable components built with Radix UI + Tailwind.
• 🔧 Pre-configured Project Structure — Opinionated defaults for a smoother start.

---

🚀 Getting Started

Prerequisites

• Node.js (>= 18)
• npm, pnpm, or yarn

Installation

# Clone the repository
git clone https://github.com/jack-dev-crypto/react-ts-tailwind-shadcn-starter.git

cd react-ts-tailwind-shadcn-starter

# Install dependencies
npm install

Development

npm run dev

Starts the local development server at http://localhost:5173/.

Build

npm run build

Creates an optimized production build.

Preview

npm run preview

Serves the production build locally for testing.

---

📂 Project Structure

├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/          # Page-level components
│   ├── lib/            # Utilities, helpers
│   ├── App.tsx         # Root component
│   └── main.tsx        # Entry point
├── public/             # Static assets
├── tailwind.config.js  # Tailwind configuration
├── vite.config.ts      # Vite configuration

---

🎨 UI & Styling

This template integrates shadcn/ui for a growing collection of pre-built components styled with Tailwind. You can extend or customize them as needed for your project.

---

🛠 Customization

• Adjust Tailwind settings in tailwind.config.js.
• Configure Vite in vite.config.ts.
• Add or remove shadcn/ui components with the CLI or manually.

---

📜 License

MIT — feel free to use this starter in your own projects.