Overview
Your SaaS metrics at a glance
User Management
Manage roles, sessions and access
Sign in to Genesis
Welcome back
Password
Magic links · OAuth · Passkeys supported
I noticed I had zero leverage. Same decisions, different codebase, no compounding value. This is how I broke that cycle.
Developer from Aotearoa, a small island nation off the coast of Antarctica, shipping bits and bytes to the world. Over 11 years building in product teams, I noticed the same pattern: every new idea starts from the same place.
Auth, billing, admin, email. Different codebase, same decisions made somewhere else. I built the foundation once, maintained it properly, and turned it into a product. Eleven years of decisions, packaged. My investment is your head start.
11+
years building
6+
times I've rebuilt the stack
20+
SaaS products renovated
The Figma file is polished, the tokens are named, the spec is documented — and none of it survives contact with the codebase. The system that ships is the one that lives in production code.
Every handoff loses fidelity: spacing drifts, states go missing, the marketing site forks from the product, and six months later the "design system" is a graveyard of components that almost match. Maintaining parity between the design tool and the code is a full-time job nobody was hired to do.
Genesis skips the translation layer. olwibaCN primitives and olwibaUI blocks are the design system — token-driven, accessible, dark-mode-ready production code that both the marketing site and the app compose from. What you polish is what ships, and upstream refinements reach every project built on it.
Every technology in Genesis earned its place. Proven in production, integrated together, and maintained as the ecosystem evolves.
TanStack Start
Full-stack React with SSR and file-based routing
Better Auth
Auth with social login, sessions, and roles
Prisma
Type-safe database access with migrations built in
Tailwind v4
Utility-first CSS, no config file needed
tRPC
End-to-end type-safe API, no codegen
olwiba ecosystem
Components, blocks, tooling, and docs - maintained together
Bun
Fast runtime, bundler, and package manager
TypeScript
Full type safety across the entire stack
Purpose-built workflows without rebuilding your stack from scratch.
Color, type, and spacing flow from CSS variables. Change the brand accent once in project config and every component follows.
olwibaCN ships accessible, focus-managed primitives. You compose and polish instead of re-implementing a11y per page.
olwibaUI provides shells, marketing sections, and content layouts. Pages compose from blocks, so consistency is structural.
Theme switching is built in. Validate contrast and hierarchy in both modes before you sign off.
Real scenarios teams ship in their first month.
Refine spacing, motion, and hierarchy in component code that every page consumes. One fix, whole app.
Landing pages and the app shell share the same tokens and primitives, so the brand never forks.
Explore new flows with real components and real data shapes. The prototype is the implementation.
One command scaffolds the full stack. Each layer feeds the next — and olwibaSYNC keeps everything current.
One command scaffolds a complete project, stamps your identity, and wires the full stack.
Start with clone
Fork or use the GitHub template to start clean.
Your complete product — auth, billing, admin, email, blog — live from day one.
Premium blocks and advanced compositions built on olwibaUI.
Founding member pricing, locked in for the first cohort. Price increases once the founding period closes.
Cost should not be what stops you. Apply and we will sort something out.
Everything you need to ship a SaaS from day one. Founding price, locked in for the first cohort.
The full template at the standard price. Available once the founding period closes.
Every purchase directly supports the ongoing maintenance of the template and the open source ecosystem it is built on.
Straight answers for design engineers evaluating Genesis.
Sign in and explore everything Genesis ships before you write a line of product code. Auth flows, admin panel, feature flags, onboarding, all working.
No setup required · Explore the full app · See what you start with
Releases, new modules, and build notes from Genesis. No spam, unsubscribe any time.
By subscribing you agree to our Privacy Policy.