Built for Design Engineers

Design decisions that survive to production

Genesis is built on a maintained component ecosystem where tokens, primitives, and blocks are the production code. What you polish is what ships.

One ecosystem. Every layer maintained. Zero lock-in.

app.yoursaas.com
Genesis
A
Alex Rivera
Admin

Overview

Your SaaS metrics at a glance

Total Users
2,847
+12%
MRR
$12,400
+8%
Active
94%
+2%
Flags
12
Recent signupsView all →
A
Alex Rivera
alex@startup.io
Admin
J
Jordan Kim
jordan@techco.dev
User
S
Sam Okafor
sam@founders.io
User
T
Taylor Mills
taylor@agency.com
User
Genesis
A
Alex Rivera
Admin

User Management

Manage roles, sessions and access

NameEmailRoleStatusActions
Alex Riveraalex@startup.ioAdminActiveManage
Jordan Kimjordan@techco.devUserActiveManage
Sam Okaforsam@founders.ioUserInactiveManage
Taylor Millstaylor@agency.comUserActiveManage
Feature flags12 active
new-dashboardAll users
ai-assistantAdmin only
billing-v2Beta group
G

Sign in to Genesis

Welcome back

Email

you@company.com

Password

••••••••••
or

Magic links · OAuth · Passkeys supported

How it works

From zero to revenue

🥚

Generate

Run one command, pick your modules, and a complete full-stack project lands in seconds.
🐣

Configure

A guided wizard connects your database, auth provider, and email. Running in minutes.
🐥

Build

Open your editor and start on your product. Auth, admin, billing, and email are already wired.
🐔

Ship

Push to Vercel, Railway, or self-host. Deploy configs are included.
💸

Earn

Billing is live on day one. Your pricing page is waiting to take its first payment.
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Authentication
Role-Based Access
User Profiles
Onboarding Flow
Admin Panel
Audit Logs
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Component System
Theming & Dark Mode
Documentation
Blog
Fully Customisable
Motion & Animations
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Database
Email
Background Jobs
tRPC API
File Uploads
Webhooks
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Payments
AI Chat
Feature Flags
MCP Server
REST API
Analytics
Who made this
Ollie - creator of Genesis

Kia ora, I'm Ollie👋

@olwiba

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

⭐ certified
Why it exists

Design systems die in handoff

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.

The stack

Deliberate choices, not defaults

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

Features

Why design engineers choose Genesis

Purpose-built workflows without rebuilding your stack from scratch.

Token-driven theming

Color, type, and spacing flow from CSS variables. Change the brand accent once in project config and every component follows.

Primitives you can trust

olwibaCN ships accessible, focus-managed primitives. You compose and polish instead of re-implementing a11y per page.

Blocks for whole sections

olwibaUI provides shells, marketing sections, and content layouts. Pages compose from blocks, so consistency is structural.

Dark mode by default

Theme switching is built in. Validate contrast and hierarchy in both modes before you sign off.

Use cases

Popular workflows

Real scenarios teams ship in their first month.

Product polish passes

Refine spacing, motion, and hierarchy in component code that every page consumes. One fix, whole app.

Marketing that matches the product

Landing pages and the app shell share the same tokens and primitives, so the brand never forks.

Prototyping with production parts

Explore new flows with real components and real data shapes. The prototype is the implementation.

The ecosystem

How it all connects

One command scaffolds the full stack. Each layer feeds the next — and olwibaSYNC keeps everything current.

Start with CLI

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.

Get access
genesis

Your complete product — auth, billing, admin, email, blog — live from day one.

olwibaDOCS

A full docs site that ships with your project. Same design system, zero extra setup.

olwibaCN

Token-driven primitives. Theming, dark mode, and accessibility at the base.

olwibaUI

Composed blocks for app shells, marketing sections, and content layouts.

olwibaUI Pro

Premium blocks and advanced compositions built on olwibaUI.

olwibaRENDER

Build full application pages from plain JSON configs. Maps olwibaCN and olwibaUI blocks natively. Define layout, components, and props in a single JSON file. Enables rapid application development using agentic tools.

olwibaSYNC
olwibaCN 0.1.21
olwibaUI 0.1.7
olwibaUI-Pro 0.1.1
olwibaRENDER 0.1.6
all synced
Join the crew

One price. Own it forever.

Founding member pricing, locked in for the first cohort. Price increases once the founding period closes.

Supported
$💖reach out

Cost should not be what stops you. Apply and we will sort something out.

  • Full access, no compromises
  • Private Genesis template repository
  • genesis-start scaffolding CLI
  • olwibaUI Plus access
  • Private Discord community
  • Lifetime updates, same as everyone else
134d · 23h · 00m · 28s
Founding
$169/ forever

Everything you need to ship a SaaS from day one. Founding price, locked in for the first cohort.

  • Private Genesis template repository
  • genesis-start scaffolding CLI
  • olwibaUI Plus access
  • olwiba-sync update tooling
  • Lifetime template updates
  • Private Discord community
Builder
$249/ forever

The full template at the standard price. Available once the founding period closes.

  • Private Genesis template repository
  • genesis-start scaffolding CLI
  • olwibaUI Plus access
  • olwiba-sync update tooling
  • Lifetime template updates
  • Private Discord community

Every purchase directly supports the ongoing maintenance of the template and the open source ecosystem it is built on.

FAQ

Questions from teams like yours

Straight answers for design engineers evaluating Genesis.

Try it live

This site is the template, running live.

Sign in and explore everything Genesis ships before you write a line of product code. Auth flows, admin panel, feature flags, onboarding, all working.

Admin account

Email

admin@genesis.template

Password

Password1

Sign in as admin
User account

Email

user@genesis.template

Password

Password1

Sign in as user

No setup required · Explore the full app · See what you start with

Newsletter

Ecosystem updates in your inbox

Releases, new modules, and build notes from Genesis. No spam, unsubscribe any time.

By subscribing you agree to our Privacy Policy.

Ready to ship the design system?

The demo is the template · What you see is what you start with