THE TEMPLATES · 14 READY TO CLONE

Don't start from a blank repo. Clone a finished one.

When the project type is well-known (portfolio, blog, SaaS dashboard), it's faster to clone a real working repo and customize it than to build from scratch. Each template ships with a built-in customization guide that your AI agent uses to interview you and edit only the parts that change between projects.

Portfolio

Personal Developer Portfolio

A polished single-page developer portfolio with blog support, animated sections, and a single-config-file edit point.

Next.js 14TypeScriptTailwind CSSshadcn/uiMagic UI+2
10 customization sections
Blog

Developer Blog

Modern Next.js + Fumadocs MDX blog with dark mode, tags, featured posts, and clean typography.

Next.js 15TypeScriptTailwind CSSFumadocs MDXshadcn/ui
7 customization sections
SaaS

Notio

Call-transcription / note-taking SaaS landing — hero with phone mock, logo cloud, feature beam, stats, team, testimonials, pricing, login.

Next.js 16TypeScriptTailwind CSS v4shadcn/uiMotion / Framer Motion+1
9 customization sections
SaaS

Axis

CRM for consultants landing — blurred orb hero, companies strip, feature blocks, tool feature, stats, testimonials, pricing, auth.

Next.js 16TypeScriptTailwind CSS v4shadcn/uiMotion / Framer Motion+1
9 customization sections
SaaS

MindSpace

Meeting-intelligence / note-taking SaaS landing with pro-blocks navbar, hero, bento grid, features, stats, pricing, FAQ.

Next.js 14TypeScriptTailwind CSSshadcn/uipro-blocks landing components
0 customization sections
SaaS

Optimus

Infrastructure / dev-tools SaaS landing with animated 3D sphere, wave, and tetrahedron backgrounds plus full marketing sections.

Next.jsTypeScriptTailwind CSSshadcn/uiThree.js / animated SVGs
0 customization sections
E-commerce

Commerce (Shopify)

Shopify-backed storefront with collections, product cards, sidebar layout, checkout, and full Next.js commerce patterns.

Next.jsTypeScriptTailwind CSSshadcn/uiShopify Storefront API
0 customization sections
Admin

Invoicely

GitHub-Invoicely-style admin template — code-entry redirect flow, invoice management, dashboard layout.

Next.jsTypeScriptTailwind CSSshadcn/ui
0 customization sections
Portfolio

Cursor-Animate Portfolio

Portfolio with custom cursor, smooth-scroll, and Framer Motion section transitions — hero, work, about, contact.

Next.js 14TypeScriptTailwind CSSFramer Motionshadcn/ui
0 customization sections
Agency

Katachi Studio

Brand / studio storefront with header, hero, featured products, collection strip, materials section, and newsletter.

Next.jsTypeScriptTailwind CSSshadcn/ui
0 customization sections
Landing

Wadada Hero

Editorial scroll-driven landing — text-gradient scroll, timeline, stagger testimonials, smooth-scroll hero, embedded chatbot.

Next.jsTypeScriptTailwind CSSFramer Motionshadcn/ui
0 customization sections
Portfolio

Infinite 3D Gallery

React Three Fiber infinite-scroll image gallery — fixed-center hero text over a depth-faded 3D scene.

Next.jsTypeScriptTailwind CSSReact Three Fiberdrei+1
0 customization sections
Auth

Elegant Login

Split-screen auth UI with login / register / forgot-password views, brand panel on the left, form on the right.

Next.jsTypeScriptTailwind CSSshadcn/ui
0 customization sections
Landing

Apple Watch Landing

Hardware / device product landing — photo gallery, color picker, spec sections, reviews, multi-language support.

Next.jsTypeScriptTailwind CSSshadcn/uilanguage context
0 customization sections

How it works

  1. 1. Pick a template that fits your project (portfolio, blog, SaaS, etc.).
  2. 2. Clone it: git clone <cloneUrl>
  3. 3. Tell your AI agent: "I want to customize this template using the customization guide. Walk me through the sections."
  4. 4. The agent asks you the section-by-section questions defined in the template, then edits only what changes between projects (config files, copy, branding).
  5. 5. pnpm install && pnpm dev — yours.