NODE ≥18 · ZERO DEPENDENCY CLUTTER · OPEN SOURCE

Stop deleting React boilerplate by hand.

Scaffold a minimal, production-ready React project in one clean command. No starter bloat, no manual file cleanup.

$ npx react-clean-start my-app

Customize Flags Below

Boilerplate Left

1 Command

Full Setup

Vite v6

Default Engine

Tailwind v4

Opt-in Ready

01 // INTERACTIVE SANDBOX

Configure Your Flag Bundle

Toggle options below to see how react-clean-start generates your project structure in real time.

Flag Options Live Output Sync

Project Name / Folder:

--ts TypeScript

Configures tsconfig.json and .tsx files instead of JS

--tailwind Tailwind v4

Includes Vite Tailwind plugin and @import "tailwindcss" styles

--folders Architecture

Generates standard src/ (components, pages, hooks, utils, services)

--cra Legacy CRA

Uses Create React App setup (Default is Vite)

Generated Folder Structure

READY TO RUN: npx react-clean-start my-clean-app --tailwind --folders

02 // FEATURES WHAT'S INCLUDED

What you get out of the box

Zero Cruft: Default boilerplate deleted (logos, demo CSS, test files, reportWebVitals)

Clean Entry: Minimal App component & clean imports

Tailwind CSS v4: Pre-configured with official Vite plugin

Organized Folders: Optional automatic folder scaffolding

components/ pages/ hooks/ services/ utils/

03 // REFERENCE CLI COMMANDS

Flag reference table

--ts Use TypeScript instead of JavaScript

--tailwind Set up Tailwind CSS v4 (Vite mode)

--cra Use Create React App instead of Vite

--folders Generate standard src/ directory layout

Pro Tip: Run npx react-clean-start --help in your local terminal for all flags.

04 // ROADMAP FUTURE RELEASES

What's coming next

01 PLANNED

Template Presets

Pre-built presets for landing pages, dashboards, and SaaS prototypes.

02 IN PROGRESS

React Router v7

Optional automated route scaffolding with sample page layouts.

03 PLANNED

Custom Config File

Save team presets in `.cleanstartrc` for automated org-wide standardization.