The starting point for web and desktop apps.
Fully typed. AI-ready. Production-grade architecture.

A clean, empty full-stack template.
Add the features you need, one command at a time.

Get started:

npx @hype-stack/cli create

 

What Is Hype Stack?

Hype Stack is a modern full-stack template. 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.

 

How It Works

Hype Stack follows the same model as shadcn/ui, but for full-stack features.

npx @hype-stack/cli create      # Create a new project

# Additional commands
npx @hype-stack/cli template    # Pick template to start with (wizard)
npx @hype-stack/cli compose     # Create custom project with full functionality (wizard)

No lock-in. No runtime dependency. Just code in your repo.

 

What You Get Out of the Box

The template ships with clean setup 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.

 

Start From Our Project Templates

Better Studio

 

🚀 Skip Months of Undifferentiated Work

Every SaaS rebuilds the same plumbing.  Hype Stack ships it as code you own —
so you start on the features that actually make you money. 💸

🔐 SaaS Starter Auth, orgs, roles, sessions, and admin panels. The boilerplate, testing, and setup are done — go straight to business features.	🎨 Layouts Polished, responsive shells with collapsible sidebar, org switcher, and breadcrumbs. Amazing UI & UX, zero design debt.
💳 Monetization Stripe checkout, billing portal, signed webhooks, and subscription admin. Start charging from day one.	👥 Collaboration Teams, projects, and realtime presence. Turn a single-player app into a team product — no WebSocket headache.
🔔 Notifications WebSocket push, in-app inbox, email fallback, and admin campaigns. Re-engage users out of the box.	⚡ Composable, not a monolith npx @hype-stack/cli compose drops fully-typed code into your repo. Stack what you need — navigation wires itself up as each pack lands.

🔑 Premium packs need a license. Run npx @hype-stack/cli login to install the ones your organization owns. The base repository template and free packs are open source forever.

 

Why Hype Stack?

🧹 Clean slate, not a gutting job

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.

🤖 Built for AI agents

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.

🛡️ Zero-codegen type safety

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.

🌍 One codebase, every platform

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.

 

Architecture

┌─────────────────────────────────────────────────┐
│                   pnpm monorepo                   │
├─────────────────┬─────────────────────────────────┤
│  apps/frontend  │  apps/backend                   │
│  ─────────────  │  ────────────                   │
│  React 19       │  Hono                           │
│  TanStack Router│  Prisma + Kysely                │
│  HyperFetch SDK │  Zod validation                 │
│  Electron Forge │  Typed WebSockets               │
│  shadcn/ui      │  Auth                    │
├─────────────────┴─────────────────────────────────┤
│  packages/enums: shared permissions and config    │
└─────────────────────────────────────────────────┘

 

Tech Stack

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

 

Quick Start

# 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 dev

The web app runs on Vite. The backend runs on Hono. Both hot-reload instantly.

 

Development

Docker Services

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

Commands

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 tests

Testing

cd apps/backend
pnpm test:setup       # Start test containers + migrate + generate
pnpm test             # Run tests
pnpm test:clean       # Tear down test infrastructure

 

Our Sponsors

 

---

Start empty. Add what you need. Ship fast.

Hype Stack gives you the architecture. You choose the features.

License

MIT