Portfolio Templates

Next.js Portfolio Templates

Elegant portfolio sites for developers, designers, and freelancers. Win your next client before the meeting starts.

Show up to client calls with a live, polished portfolio instead of a Figma mockup. Our Next.js portfolio templates include case study and project detail pages, a filterable work gallery, an about page, a writing or blog section, and a contact form with validation - all the pages a professional creative or developer needs to win work. Smooth scroll-reveal animations, refined typography, and a light/dark mode toggle are included in every design.

Built for developers and designers who care about code quality as much as visual presentation. TypeScript strict throughout, Tailwind CSS v4 design tokens for easy personalisation, and a Lighthouse 98 score so your portfolio ranks as well as it looks. Full source code included - own every line, no vendor lock-in.

Case study and project detail pages

Filterable work gallery

Scroll-reveal animations

Blog or writing section

Contact form with validation

Light and dark mode

Fully responsive, 320px to 1440px

Lighthouse 98, WCAG AA contrast

Available Now - 1 template

AI-readynew

Creative Portfolio

A multi-page creative portfolio with warm cream palette, scroll-reveal animations, bold serif typography, and full case study, blog, and uses pages.

4 pagesTypeScriptDark mode

From$79$39

Live demo Buy Now

View all templates

Common questions about portfolio templates

Can I use this for a client's portfolio site, not just my own?+

Solo is for your own work. Team and Agency licences permit client work - see the pricing page for exact terms.

Is the case study layout flexible for different kinds of work?+

Yes - the case study template is content-driven (hero image, detail sections, a screenshots grid), so it adapts to design work, dev projects, or writing samples without layout changes.

How do I add my own projects?+

Project data lives in a typed array - add an entry with your images and case study content and it appears in the grid and gets its own case study page automatically.

Does it include a blog?+

Yes, with a full-width post layout and sidebar - useful if you write about your process alongside showing the work itself.

Get the free template, plus new drops.

Drop your email and we'll send DocsKit Free right away, then ping you the moment a new template goes live - no spam.

Need something custom?

We build custom templates and web apps from scratch. Tell us what you need and we'll take it from there.

Request Custom Build