Documentation

LaunchKit

Curated ShipUI themes upgraded to full-stack SaaS starters. Not just a theme with a backend bolted on — a complete, runnable SaaS application.

What is LaunchKit

Each LaunchKit is a ShipUI theme that has been rebuilt into a production SaaS application. Users can sign up, subscribe, and pay you on day one. The design, the backend, the integrations — everything works together out of the box.

What's included

Everything in the base ShipUI theme, plus:

  • Clerk authentication — custom UI, Google OAuth, email/password
  • Stripe subscriptions — checkout, webhooks, customer portal
  • Neon Postgres database with Drizzle ORM
  • Resend email templates — welcome, confirmation, usage warnings
  • Full dashboard — overview, billing management, settings
  • API routes with validation
  • Loading states and error boundaries
  • SEO metadata and Open Graph tags
  • AI agent files — CLAUDE.md and .cursorrules for AI-assisted development

Quick start

# 1. Install dependencies npm install # 2. Set up environment variables cp .env.local.example .env.local # Add your Clerk, Stripe, Neon, and Resend keys # 3. Push the database schema npm run db:push # 4. Start the dev server npm run dev

Open http://localhost:3000. Auth works. Payments work. Dashboard works. Start building your product.

Tech stack

LayerTechnology
FrameworkNext.js 15 (App Router)
LanguageTypeScript 5
StylingTailwind CSS v4
AuthClerk
PaymentsStripe
DatabaseNeon Postgres
ORMDrizzle
EmailResend
ValidationZod

How it differs from ShipUI

ShipUI gives you the design. LaunchKit gives you a working SaaS. Users can sign up, subscribe, and pay you on day one.

A ShipUI theme is a frontend starter with static pages. A LaunchKit takes that same design and wires it to real authentication, real payments, a real database, and real email delivery. The design is identical — the difference is that everything behind it actually works.

Setup guides

Each service requires API keys in your .env.local file. Brief setup below — see the README in your download for full details.

ClerkCreate a Clerk application. Copy the publishable key and secret key. Enable Google OAuth in the Clerk dashboard.
StripeCreate products and prices in Stripe. Copy the secret key and webhook signing secret. Set up the webhook endpoint for your domain.
NeonCreate a Neon project. Copy the connection string. Run npm run db:push to create tables.
ResendCreate a Resend account. Verify your domain. Copy the API key. Emails will send automatically on signup and payment events.

Customization

  • Plans and pricing — Define your subscription tiers in plans.ts. Map them to your Stripe price IDs.
  • Copy — All marketing text and product info lives in defaults.ts.
  • Colors — Theme colors are CSS variables in globals.css. Swap the palette without touching components.

Production hardening

  • Rate limiting — API route protection with Upstash to prevent abuse.
  • Caching — Upstash Redis for caching frequently accessed data and reducing database load.

License

One-time purchase at $129. Use on unlimited personal and commercial projects. You cannot resell the starter source code itself. 30-day money-back guarantee — if it does not work for you, get a full refund.

Available kits

  • DECK // NEXT — $129. A bold, dark SaaS foundation with punk aesthetics and a full production backend.
  • More kits coming soon.

Support

For bugs in the base starter code, reach out to support@voltenworks.com. We will fix confirmed issues in the starter source.