DEV Community

Cover image for I Built a One-Command React + Vite + Tailwind v4 Starter
Fuad Sano
Fuad Sano

Posted on

I Built a One-Command React + Vite + Tailwind v4 Starter

Setting up a new React project should feel exciting.

But if you’ve built more than a few apps, you know the drill:

Create a Vite project

Add TypeScript

Install Tailwind

Configure Tailwind (again)

Fix something that breaks

Repeat for the next project

After doing this over and over, I finally stopped and thought:

Why am I repeating this every time?

So I built a small npm package that does all of this in one command.

👉 create-vite-react-tw4
A starter that sets up:

React + Vite

TypeScript

Tailwind CSS v4

A clean, ready-to-use project structure

All you need is:

npx create-vite-react-tw4 my-app

That’s it. No extra setup. No config hunting.

Why I’m Writing This Post

The package crossed 100+ downloads in just 2 days, which honestly surprised me and showed that other devs feel the same pain.

But I don’t want this to be a “solo project”.

I want it to grow into something useful, stable, and community-driven.

That’s why I’m opening it up for contributions.

How You Can Contribute

You don’t need to be an expert. Any help counts.

Some ideas:

Improve the project structure

Add optional templates or flags

Improve docs or README

Report bugs or edge cases

Suggest better defaults

Refactor setup logic

Add tests

Even opening an issue with feedback is a contribution.

Link:

📦 npm: https://www.npmjs.com/package/create-vite-react-tw4

Top comments (2)

Collapse
 
sleewoo profile image
Slee Woo

Plausible effort!
When started KosmoJS couple years ago, also felt the power of Vite and the need of some more automation

Collapse
 
fuadsk profile image
Fuad Sano

Thanks! That’s the feeling that pushed me to build this. After repeating the same Vite + Tailwind setup across projects, it just made sense to automate it.