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. 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.
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.
Β
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.
Β
Better Studio |
Β
Every SaaS reinvents the same plumbing β auth, billing, teams, notifications. It's weeks of work that earns you zero competitive advantage and a long tail of security and edge-case bugs. Hype Stack ships that plumbing as production-ready code you own outright.
One command installs it. You skip the build, keep the code, and start on the features that actually make you money.
| What you'd otherwise build | Pack | You save | Why it pays off |
|---|---|---|---|
| Auth, orgs, roles, sessions and admin panels for managing users and organizations | SaaS Starter | ~4β6 weeks | Weeks of boilerplate, manual testing, and setup already done β focus straight on business features |
| Many polished, responsive layout shells | Layouts (free) | ~1 week | Collapsible sidebar, org switcher, breadcrumbs β amazing UI and UX |
| Payments, subscriptions & webhooks, and admin panels for managing subscriptions | Monetization | ~3β5 weeks | Start charging from day one β Stripe checkout, billing portal, signed webhooks |
| Teams, projects & realtime presence | Collaboration | ~3β4 weeks | Turn a single-player app into a team product without the WebSocket headache |
| Push, in-app inbox, email fallback, and admin campaigns functionality | Notifications | ~2β3 weeks | Re-engage users out of the box via WebSocket push + Resend email |
That's 15+ engineer-weeks β often $50k+ in salaried build cost β off your roadmap before you write a line of product code.
Composable, not a monolith: npx @hype-stack/cli compose drops fully-typed code straight into your repo. Pick a starter, add one layout, stack on the features you need β and navigation wires itself up as each pack lands in the sidebar.
Premium packs need a license. Run
npx @hype-stack/cli loginto install the ones your organization owns. The base repository 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 β 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.
