Package Manager

Choose your preferred package manager. This affects all install commands.

🥟

Bun

Ultra-fast all-in-one toolkit

FAST

📦

npm

Node default, widest compat

⚡

pnpm

Efficient disk usage, fast

REC

🧶

Yarn

Classic, reliable, workspaces

Framework

Pick your project framework. Options and commands will adapt accordingly.

⚡

Vite + React

Lightning fast dev server, SPA-focused. Best for dashboards and apps.

POPULAR

▲

Next.js

Full-stack React framework. SSR, SSG, App Router, API routes.

FULL-STACK

💚

Vite + Vue

Vue 3 with Vite. Composition API, fast reloads.

💿

Remix

Full-stack web framework. Data loading, nested routes, forms.

NEW

🚀

Astro

Content-first. Zero JS by default, islands architecture.

🔶

SvelteKit

Svelte full-stack framework. Compile-time, tiny bundles.

Project Name

Name your project directory. Use lowercase letters, numbers, and hyphens.

Directory Name

ℹ️ Use ./ to scaffold into the current directory, or type a name like my-app for a new folder.

Or scaffold in current directory

📁 Use current directory (./)

Language

TypeScript is strongly recommended for larger projects.

🔷

TypeScript

Type safety, better DX, autocomplete. Recommended for production apps.

RECOMMENDED

🟡

JavaScript

Plain JS. Faster to start, no compilation step.

UI Libraries

Select the styling and component libraries to include. Multiple selections allowed.

🎨

Tailwind CSS

Utility-first CSS. v4 with PostCSS.

POPULAR

🧩

shadcn/ui

Copy-paste components on Tailwind + Radix.

🌼

DaisyUI

Tailwind component classes. Themes.

🎞️

Framer Motion

Production-ready React animations.

✨

Lucide Icons

Beautiful open-source icon set.

🔵

Material UI

Google Material Design components.

Database

Choose a database and ORM/client. Select "None" to skip.

Database

🚫

None

No database setup

🐘

PostgreSQL

Powerful relational DB

🐬

MySQL

Widely-used relational DB

🗃️

SQLite

File-based, zero-config

🍃

MongoDB

Flexible NoSQL documents

🦅

Turso

Edge-ready SQLite

NEW

Auth & Cloud Services

Add authentication and backend services. Multiple allowed.

🚫

None

Skip auth/services

🔐

NextAuth.js

OAuth, credentials, JWT. Next.js native.

🏛️

Clerk

Full auth UI + backend, drop-in.

POPULAR

🔥

Firebase

Auth, Firestore, Storage by Google.

⚡

Supabase

Open-source Firebase alternative.

REC

🌀

Auth0

Enterprise auth as a service.

Extras & Tooling

Add testing, linting, formatting, and version control setup.

Dev Tooling

🔍 ESLint

✨ Prettier

🐺 Husky + lint-staged

🧪 Vitest

🃏 Jest

🎭 Playwright

📖 Storybook

Version Control & CI

🌿 Git init

👁️ .gitignore

⚙️ GitHub Actions CI

🐳 Dockerfile

🔑 .env setup

Generated Commands

Your complete terminal setup script — copy and run to scaffold your project.

Package Manager

bun

Framework

—

Project Dir

my-app

Language

TypeScript

UI Libs

none

Database

—

~/terminal — zsh

$ # ── 1. Scaffold project $ # (Select a framework above)

Step 1 of 9