Scaffold projects in seconds

Pick a template. Run one command. Get a fully configured project with linting, type checking, CI, and editor settings — ready to ship.

Get Started Browse Templates

Why create-xtarter-app?

Starting a new JS/TS project means configuring Biome, TypeScript, ESLint, Prettier, GitHub Actions, VS Code settings, Tailwind, and more — before writing a single line of code.

⚡

One command

Run pnpm create xtarter-app and pick your stack. Everything else is handled for you.

📦

Curated templates

Production-grade starters for Next.js, React + Vite.

🔧

Pre-configured tooling

Every template ships with Biome linting & formatting, TypeScript strict mode, and CI workflows.

🔄

Stay in sync

After scaffolding, use xtarterize to keep your conformance configs up to date.

Quick Start

# Scaffold a new project
pnpm create xtarter-app

# Follow the interactive prompts to pick your template
# ?? Which template?
#   - Next.js + Chakra UI
#   - Next.js + Tailwind
#   - Vite + React + Chakra
#   - Vite + React + Tailwind
#   - Vite + React + Hero UI

Get started →

Available Templates

Next.js + Chakra UI Next.js 16, Chakra UI v3, Biome, Turborepo, Playwright.

Next.js + Tailwind Next.js 16, Tailwind CSS v4, Biome, Playwright.

Vite + React + Chakra Vite+ (Vite 8), React 19, Chakra UI v3, TanStack Router & Query, Biome, Vitest.

Vite + React + Tailwind Vite+ (Vite 8), React 19, Tailwind CSS v4, TanStack Router & Query, Biome, Vitest.

Vite + React + Hero UI Vite+ (Vite 8), React 19, Hero UI, TanStack Router, Biome, Vitest.

After scaffolding? Use xtarterize

Once your project is scaffolded, use xtarterize to keep your conformance configs in sync as the ecosystem evolves.

create-xtarter-app	xtarterize
Day 0 — scaffold new projects	Day 1+ — keep existing projects in shape
`pnpm create xtarter-app`	`npx xtarterize init`

Learn about xtarterize →