A clean, empty full-stack template.
Add the features you need, one command at a time.
npx @hype-stack/cli create
Hype Stack is a modern full-stack template, not a boilerplate stuffed with someone else's opinions. You get a clean, empty project with the architecture and tooling already wired up. No demo features to rip out. No dead code to clean up.
Build whatever you want from day one.
Hype Stack follows the same model as shadcn/ui, but for full-stack features.
- Scaffold your project with the CLI.
- Compose packs when you need them: auth, billing, realtime, teams, desktop layouts, and more.
- Each pack drops production-ready code into your codebase. You own it, you modify it.
npx @hype-stack/cli create # Create a new project
npx @hype-stack/cli compose # Pick packs to add (interactive)Want to script it? Skip the prompts and pass the packs directly:
npx @hype-stack/cli compose --packs starter-saas-workos,pack-collaborationNo lock-in. No runtime dependency. Just code in your repo.
SaaS Starter |
Notifications |
The template ships with zero features and everything you need to build them:
- Monorepo: frontend, backend, and shared packages in one repo.
- End-to-end types: the frontend imports backend contracts directly. No codegen.
- Rust-powered tooling: OXC lint and format, Vite 8 HMR in milliseconds.
- AI-native structure: vertical architecture with bundled Cursor rules and agent skills.
- Desktop-ready: Electron Forge pre-configured for macOS, Windows, and Linux.
- Testing setup: Vitest, React Testing Library, and Playwright E2E ready to go.
Need features? Add them with npx @hype-stack/cli compose. Each pack installs production-grade, fully-typed code straight into your project. Start with a starter, pick one layout, then stack on the features you want.
| Pack | Category | What it adds |
|---|---|---|
| SaaS Starter (WorkOS) | Starter | Auth, organizations, roles, and sessions. Social and SSO login via WorkOS. |
| Basic (free) | Layout | Classic dashboard shell: collapsible sidebar, org switcher, breadcrumb header. |
| Native App Shell | Layout | One layout for web and Electron, with mobile drawer and native window chrome. |
| Monetization | Feature | Stripe checkout, the billing portal, subscriptions, and signed webhooks. |
| Collaboration | Feature | Teams, projects, email invitations, and realtime presence. |
| Notifications | Feature | WebSocket push, an in-app inbox, and email fallback through Resend. |
Navigation is pack-driven: install a feature pack and its links show up in the sidebar on their own.
Premium packs need a license. Run
npx @hype-stack/cli loginto install the ones your organization owns, or pass a key with--license-key. The base template and free packs are open source forever.
Most templates hand you a demo app and expect you to delete half of it. Hype Stack gives you an empty project with the hard parts already solved: monorepo wiring, type bridges, tooling, and CI.
The codebase follows a vertical architecture. Each feature owns its routes, UI, data access, types, and tests. Bundled Cursor rules and agent skills teach LLMs exactly how to add features and follow the conventions. Fast tooling gives agents sub-second feedback loops.
No OpenAPI specs. No code generators. The frontend imports @internal/backend as a workspace dependency. HTTP routes and WebSocket events flow through a typed bridge, so when you change a backend response, TypeScript flags every mismatched consumer instantly.
The same React app runs as a web SPA and an Electron desktop app. A single VITE_APP_TYPE flag controls the split. Desktop builds are ready when you are.
┌─────────────────────────────────────────────────┐
│ pnpm monorepo │
├─────────────────┬─────────────────────────────────┤
│ apps/frontend │ apps/backend │
│ ───────────── │ ──────────── │
│ React 19 │ Hono │
│ TanStack Router│ Prisma + Kysely │
│ HyperFetch SDK │ Zod validation │
│ Electron Forge │ Typed WebSockets │
│ shadcn/ui │ WorkOS auth │
├─────────────────┴─────────────────────────────────┤
│ packages/enums: shared permissions and config │
└─────────────────────────────────────────────────┘
| Layer | Technology |
|---|---|
| Frontend | React 19, TanStack Router, Tailwind v4, shadcn/ui, Motion |
| Backend | Hono, Prisma 7, Kysely, Zod |
| Data layer | HyperFetch SDK, typed HTTP and WebSocket bridge |
| Desktop | Electron Forge (macOS, Windows, Linux) |
| Database | PostgreSQL 17 + pgvector |
| Cache | Valkey (Redis-compatible) |
| Tooling | Nx, Vite 8, OXC, pnpm, TypeScript 6 |
| Monitoring | Sentry |
# Create a new project
npx @hype-stack/cli create
# Start infrastructure
cd apps/backend && docker compose up -d && cd ../..
# Run migrations
pnpm --filter backend exec prisma migrate deploy
pnpm --filter backend exec prisma generate
# Launch everything
pnpm devThe web app runs on Vite. The backend runs on Hono. Both hot-reload instantly.
cd apps/backend
docker compose up -d| Service | Port | Purpose |
|---|---|---|
| Postgres | 5436 | Database (PostgreSQL 17 + pgvector) |
| Valkey | 6381 | Cache |
| RustFS | 9000 | S3-compatible object storage |
| RustFS Console | 9001 | Storage web UI |
pnpm dev # Start frontend + backend with hot-reload
pnpm build # Production build
pnpm lint # OXC linting
pnpm format # OXC formatting
pnpm typecheck # Full type checking
pnpm test # Run all testscd apps/backend
pnpm test:setup # Start test containers + migrate + generate
pnpm test # Run tests
pnpm test:clean # Tear down test infrastructure
Start empty. Add what you need. Ship fast.
Hype Stack gives you the architecture. You choose the features.