themeplate.xyz

Templates · Web apps · Components

Build on solid parts.

Foundations, ready to fork.

npx themeplate add keystone
Browse templatesHow it works

/featured

Featured templates

Start from a part that already works, then make it yours.

View all templates

Plinth

Components

UI Kit

A quiet, token-driven UI kit with every primitive you need to start a product: buttons, inputs, tabs, dialogs, tables and toasts.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Radix UI
Preview

Keystone

SaaS

Auth Starter

A multi-tenant authentication starter with email sign-in, Google, Apple, enterprise SSO, workspaces and roles, wired to a Postgres database.

  • Next.js
  • TypeScript
  • Neon
  • Drizzle ORM
  • Tailwind CSS
  • Resend
Preview

Atrium

SaaS

Landing Page Pack

Twelve composable landing page sections, from hero to footer, tuned for conversion and a perfect Lighthouse score.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
Preview

Lintel

SaaS

SaaS Starter

A complete SaaS foundation: marketing site, authentication, subscriptions with Stripe, transactional email and a settings area.

  • Next.js
  • TypeScript
  • Neon
  • Drizzle ORM
  • Stripe
  • Resend
  • Tailwind CSS
Preview

Girder

Dashboard

Admin Dashboard

A dense, readable admin dashboard with metrics, data tables, filters and charts, designed to be wired to any API.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • PostgreSQL
Preview

Mullion

Blog

Blog / Publishing

A fast publishing platform with MDX authoring, tags, RSS, reading time and beautiful long-form typography.

  • Next.js
  • MDX
  • TypeScript
  • Tailwind CSS
  • Neon
Preview

/how-it-works

Three steps from idea to deploy

  1. Step 1

    Preview

    Open any template in a live, resizable frame. Check it at desktop, tablet and mobile widths before you commit.

  2. Step 2

    Clone

    Pull the whole template or just the components you need, with the CLI, GitHub or a shareable link.

  3. Step 3

    Ship

    Deploy to Vercel in one click. The code is yours, with no lock-in and no runtime dependency on us.

/clone

Five ways to take a template

Whichever route fits your workflow, you end up with plain code in your own repository.

  • CLI

    Add with one command

    Scaffold a template into any folder.

    npx themeplate add keystone
  • Link

    Share a preview

    Send teammates a link to the live preview.

    themeplate.xyz/preview/keystone
  • GitHub

    Fork the repository

    Clone the repo or generate a fresh copy.

    github.com/ryanmacalandag/keystone
  • Deploy

    Ship to Vercel

    Create a repo and deploy in one step.

    vercel.com/new/clone
  • Parts

    Components only

    Pick the pieces you need and skip the rest.

    add keystone --only sign-in-card