Logo FormaUI

FormaUI

All templates
Portfolio

Compound — Next.js Startup Founder Portfolio Template

A premium Next.js founder portfolio template with filterable case studies, angel investments, a timeline, and blog — built with Tailwind and shadcn/ui.

Compound — Next.js Startup Founder Portfolio Template preview

Overview

Compound is a Next.js startup founder portfolio template built for solopreneurs, indie makers, and product builders who want to show what they've shipped instead of listing what they've done. Unlike a generic resume site or developer portfolio, this founder portfolio template is structured around outcomes: a filterable work grid that separates shipped products, angel investments, and experiments, each backed by a full case study page with problem, process, results, and hard metrics.

Built on Next.js App Router, Tailwind v4, shadcn/ui, TypeScript, and Motion, the template ships with eight fully designed pages — Home, Work, Work case study, Writing, Writing post, Speaking, Journey, and Contact — all wired to a single config.tsx file for content and a shared metadata.ts helper for per-page SEO. The navy-and-gold OKLCH color system, animated growth-line hero, and reusable glow/gradient variables give it a premium, credibility-first feel closer to a SaaS landing page than a typical personal site.

Every section — metrics bar, featured work, timeline, speaking and press, newsletter signup, writing preview, and a dedicated journey page — is fully responsive, dark-mode ready, and built entirely from shadcn/ui primitives for easy long-term customization. It's the fastest way for a founder, indie hacker, or startup builder to launch a portfolio that reads as a track record, not a CV.

Features

Filterable work grid separating shipped products, angel investments, and experimentsDynamic case study pages with problem, process, results, and metrics blocksFull timeline/journey page with tagged, chronological milestonesFilterable speaking & podcast grid with press mentions rowCentralized config.tsx — every page's copy editable from one filePer-page SEO via a shared generateMetadata helper with Open Graph and Twitter cardsNavy + gold OKLCH color system with reusable gradient and glow CSS variablesAnimated growth-line hero and scroll-triggered reveals built with MotionDark mode with automatic accent swap, no extra configuration neededNewsletter section with anchor link ready to connect to any ESPContact page with structured availability blocks and a working form layoutBuilt entirely on shadcn/ui components for fast, consistent customization
PagesLanding page
HomeNavbar
WorkHero
Work/[slug]Metrics Bar
WritingAbout
Writing/[slug]Featured Work
SpeakingTimeline Preview
JourneySpeaking & Press
ContactNewsletter
Writing Preview
Final CTA
Footer
$59USD
Secure checkout via Gumroad

Built with

  • Next.js 15
  • TypeScript
  • ShadCN UI
  • Tailwind v4
  • Motion