VT-TW: React + Vite + Tailwind Starter

🚀 VT-TW is a fully initialized React Vite + Tailwind CSS starter template, designed for modern front-end projects. It offers fast development, zero-config setup, and best practices to kickstart your next project effortlessly.

VT-TW 🚀

A modern React + Vite + Tailwind CSS starter kit.

👉 Live Demo: https://vt-tw.vercel.app

✨ Features

✅ React 19 + Vite – Lightning-fast development
✅ Tailwind CSS – Utility-first styling
✅ ESLint & Prettier – Clean and consistent code
✅ React Router – Pre-configured for navigation
✅ Zero Config Setup – Just install and start coding

📦 Installation

Using npx (Recommended)

npx vt-tw

This will prompt you to enter your project name.

Using npm

npm i vt-tw

Then, run:

npx create-vt-tw <your-project-name>

🚀 Usage

After creating your project:

cd <your-project-name>
npm install
npm run dev

📂 Folder Structure

your-project/
├── src/            # React components & pages
├── public/         # Static assets
├── tailwind.config.js  # Tailwind CSS config
├── vite.config.js  # Vite config
├── package.json    # Project metadata
└── README.md       # Documentation

⚡ Development

To start the development server:

npm run dev

To build for production:

npm run build

To preview the build:

npm run preview

To format and lint the code:

npm run lint

📖 Learn More

• Vite Documentation
• React Documentation
• Tailwind CSS Documentation

👨‍💻 Author

Thinakaran Manokaran 🚀
GitHub: @thinakaranmanokaran
Portfolio: Thinakaran Manokaran

📜 License

This project is licensed under the MIT License.

🚀 Happy Coding! Enjoy Code! 😎🎉