Pfolio

Creative portfolio template — MDX blog, project showcases, and restrained motion.

Next.js, TypeScript, Shadcn UI, motion/react, MDX
Next.jsTypeScriptShadcn UImotion/reactMDX
Pfolio cover

Overview

Pfolio is a portfolio template for professionals who want a clean personal site without starting from a blank Next.js app. MDX blog, project showcases, and restrained motion — structured so content leads and chrome stays quiet.

Problem

Portfolio starters are either too opinionated (hard to restyle) or too empty (weeks of plumbing before the first post). People need a middle ground: real content types wired up, tasteful defaults, room to make it theirs.

Goals

  • Ship blog + projects as first-class surfaces, not afterthoughts
  • Keep motion subtle — presence, not spectacle
  • Make typography and spacing feel editorial on day one
  • Stay easy to deploy and customize on a Shadcn/Tailwind base

What shipped

Project case surfaces and an MDX blog with readable prose styles. Navigation and metadata are set up so adding work doesn’t require restructuring the app.

Enter animations and micro-interactions that respect reduced motion. Transitions are interruptible and short — enough polish to feel finished, not cinematic.

Clear content folders, consistent layout primitives, and a Gumroad-ready package for people who want to buy and ship.

Screens

Outcome

A starter that feels like a finished personal site on first deploy — and remains a template, not a locked theme. Available on Gumroad.

Stack

Next.js, TypeScript, Tailwind CSS, Shadcn UI, motion/react, MDX.