New project, fully configured
Pick a template, answer a few prompts, and start with linting, type checking, Git hooks, and editor settings already in place.
pnpm create xtarter-app@latest◇ What is your project named?
│ my-app
◇ Which template would you like to use?
│ Vite + React + Tailwind
◇ Which package manager would you like to use?
│ pnpm
✔ Template downloaded to my-app
✔ package.json updated
✔ Dependencies installed successfully
✔ Git repository initialized
Next steps:
1. cd my-app 2. pnpm dev
One baseline, four ways
Every template starts from the same production baseline.
- Biome lint + format
- TypeScript strict mode
- Git hooks + GitHub Actions workflows
- VS Code settings + recommended extensions
- Agent skills for AI editors
The templates
Next.js or Vite with React, styled with Chakra UI or Tailwind CSS.
| Template | Stack | Flag |
|---|---|---|
| Next.js + Chakra UINext.js 16 prewired with Chakra UI v3, Biome, Playwright, and Turborepo. | Next.js 16, Chakra UI v3, Biome, Turborepo | -t next-chakra |
| Next.js + TailwindNext.js 16 with Tailwind CSS v4 and Biome, tuned for fast iteration. | Next.js 16, Tailwind CSS v4, Biome | -t next-tailwind |
| Vite + React + ChakraVite+ and React 19 on TanStack Router, styled with Chakra UI v3, tested with Vitest. | Vite+ (Vite 8), React 19, Chakra UI v3, TanStack Router | -t vite-chakra |
| Vite + React + TailwindVite+ and React 19 with Tailwind CSS v4 and TanStack Query caching built in. | Vite+ (Vite 8), React 19, Tailwind CSS v4, TanStack Router | -t vite-tailwind |
Quick start
Scaffold a new project in one command.
npm create xtarter-app@latestpnpm create xtarter-app@latestyarn create xtarter-appbun create xtarter-app@latestStart conformant. Stay conformant.
When standards move, xtarterize brings the scaffold up to date.