create-vrtw

Scaffold a modern Vite + React + Tailwind/Bootstrap app in seconds — zero config, one prompt.

A zero-config CLI to instantly scaffold a modern front-end project with Vite, React (JavaScript or TypeScript), and your choice of Tailwind CSS v4 (with the new @tailwindcss/vite plugin) or Bootstrap v5 — or no CSS framework at all.
Optional extras (with one prompt!): react-icons, React Router, Redux Toolkit.
Unnecessary files and assets are auto-cleaned, so you get a fresh, production-ready workspace in seconds.

Features

• Vite + React + JavaScript/TypeScript: Fast, modern development stack
• CSS Framework Choice:
  Choose between Tailwind CSS v4, Bootstrap v5, or no CSS framework
• Tailwind v4 with official Vite plugin or Bootstrap 5 ready to use instantly
• Extra Libraries (optional): Add react-icons, React Router, Redux Toolkit, Zustand, and Axios in one step
• Automatic Cleanup: Removes default assets, public files, boilerplate noise
• Ready-to-Code: Minimal App.jsx / App.tsx, clean folder, and CSS framework imported for you
• One Command, Super Fast!

Quick Start

using npm:

npm create vrtw@latest

using bun:

bun create vrtw

using pnpm:

pnpm create vrtw

using yarn:

yarn create vrtw

or if installed globally:

create-vrtw

What Happens?

1. Prompts for your project name
2. Asks: JavaScript or TypeScript?
3. Asks which CSS framework you want to use:
   • Tailwind CSS v4
   • Bootstrap v5
   • None
4. Optionally: Install
   • React-Icons (icon library)
   • React Router
   • Redux Toolkit (+ React Redux)
   • Zustand (lightweight state manager)
   • Axios
5. Creates a Vite + React app (chosen language)
6. Installs your chosen CSS framework, and configures everything for it:
   • Tailwind: Adds plugin, config, template CSS file
   • Bootstrap: Installs, auto-imports CSS in main file, cleans up any default index.css
7. Wipes out unnecessary default files:
   • Deletes: src/App.css, all of public/
   • Cleans/minimizes: src/App.jsx / src/App.tsx and src/index.css
8. Your starting App component matches your CSS framework

Optional Extras

If you choose at the prompt, the following will also be installed:

• react-icons (icon components)
• react-router
• @reduxjs/toolkit + react-redux
• zustand (lightweight state manager)
• axios (for API requests)

These are optional – just answer “yes” at the prompt!

Documentation

• Vite Guide
• React Quick Start
• Tailwind CSS v4
• Bootstrap Docs
• React Icons
• React Router
• Redux Toolkit
• Zustand
• Axios

Contribute

Got feedback or want to add features?
Open an issue or pull request!

License

MIT

Enjoy building fast, clean React UIs—with zero fuss!