Lightning-fast full-stack project scaffolding — CLI & VS Code Extension
Create React frontends, Node.js backends, and full-stack monorepos in seconds — with Tailwind CSS, TypeScript, authentication, routing, and more — all pre-configured.
# npx (no install needed)
npx vite-spark my-app
# React + TypeScript + Tailwind + install deps
npx vite-spark my-app --stack react-ts --twd -i
# Full-stack (React + Node.js backend)
npx vite-spark my-saas --with-backend --stack react-ts --twd -i
# Backend only
npx vite-spark my-api --backend-only -i
# Interactive mode (asks everything)
npx vite-spark -qThis is a mono-repo containing two packages:
npm/ — CLI Package (vite-spark)
The command-line tool published to npm. Scaffold complete projects from the terminal.
| Feature | Detail |
|---|---|
| Frontend stacks | React, React + TypeScript, Vanilla JS |
| Frontend templates | basic, auth, CRUD, dashboard, multi-step-form, router 7, SPA, canvas |
| Backend templates | Node auth, Node auth + S3 files, Node full |
| Add-ons | Tailwind CSS v4, TypeScript, Vite config, Git init, auto-install |
| Full-stack | Monorepo with root package.json + concurrent dev scripts |
npm install -g vite-spark # global install
vite-spark my-app # use anywherevscode-ext/ — VS Code Extension (Vite Spark)
A beautiful GUI inside VS Code to configure and launch vite-spark without touching the terminal.
| Feature | Detail |
|---|---|
| Visual project builder | Pick stack, template, and add-ons with a click |
| Settings panel | Persistent defaults for your workflow |
| One-click create | Runs the CLI in an integrated terminal |
| Marketplace | patelkrish0.vite-spark-gui |
Install from the VS Code Marketplace by searching "Vite Spark"
ViteSpark/
├── npm/ # CLI — published to npm as "vite-spark"
│ ├── index.js # CLI entry point
│ ├── templets/ # All project templates
│ │ ├── frontend/
│ │ │ ├── React/ # basic, auth, crud, dashboard, multi-step-form, router 7
│ │ │ └── Javascript/# basic, basic-with-folders, canvas, spa
│ │ └── backend/
│ │ └── Node/ # auth, auth-with-files, full
│ ├── README.md # Full CLI documentation
│ └── package.json
│
├── vscode-ext/ # VS Code Extension — "Vite Spark" on the marketplace
│ ├── extension.js # Extension entry point
│ ├── webview/ # GUI panels (HTML/CSS/JS)
│ ├── README.md # Extension documentation
│ └── package.json
│
├── LICENSE # MIT — applies to the entire repo
└── README.md # This file
npx vite-spark <project-name> [flags]
Flags:
--stack <react|react-ts|vanilla> Frontend stack (default: react)
-t, --template <name> Template name
--twd Add Tailwind CSS v4
--vite Add Vite config (vanilla only)
--lang-ts Add TypeScript (vanilla only)
-g, --git Initialize git repo
-i, --install Auto-install dependencies
-s, --start Start dev server after install
-y, --yes Skip all prompts (use defaults)
--with-backend Scaffold frontend + backend monorepo
--backend-only Scaffold backend only
-q Interactive mode (asks all questions)| Template | Includes |
|---|---|
basic |
React 19 + Vite, clean slate |
auth |
JWT auth, Axios, React Router, toast notifications |
crud |
Full CRUD UI, Axios, React Router, toast |
dashboard |
Admin layout, charts, sidebar, React Router |
multi-step-form |
Step wizard, shared state, per-step validation |
router 7 |
React Router v7, nested layouts, route loaders |
| Template | Includes |
|---|---|
basic |
Single HTML + CSS + JS |
basic-with-folders |
Organised css/ and js/ directories |
canvas |
Game loop, HiDPI canvas, input + touch tracking |
spa |
Hash-based router, dark/light modes, skeleton loaders |
| Template | Includes |
|---|---|
auth |
Express 5, MongoDB, JWT, refresh tokens, roles, soft-delete |
auth-with-files |
All of auth + S3 file uploads (Multer + Sharp) |
full |
All of the above + admin panel endpoints |
- Fork the repo
- Create a branch:
git checkout -b feature/my-feature - Make your changes and test them
- Commit:
git commit -m "feat: add my feature" - Push:
git push origin feature/my-feature - Open a Pull Request
MIT © Krish Patel — see LICENSE for details.
Created with ❤️ by Krish Patel
- 📧 Email: patelkrish7433@gmail.com
- 💼 LinkedIn: patelkrish0
- 🐙 GitHub: @PATEL-KRISH-0
If Vite Spark saved you time, give it a ⭐ on GitHub!
