Folio
PortfolioA bold, dark portfolio for designers who want their work to do the talking.
HTML + TailwindNext.jsAstroWordPress
6 pages · 112 KB
DocumentationTemplates for portfolios
Free Portfolio Templates for Designers & Developers
A portfolio is judged in seconds, so these templates get out of the way of the work: big images, quiet type and case studies that explain the brief, the process and the result rather than just showing the final shot.
Pick a dark, bold portfolio for a designer, an image-led one for a photographer, a showreel-first site for a motion designer, a résumé and projects site for a developer, a book-jacket site for an author, or a minimal studio site with a filterable work index.
- Templates
- 6
- Pages in total
- 50
6 templates for portfolios
Lens
PortfolioAn image-led portfolio for wedding, portrait and travel photographers.
HTML + TailwindNext.jsAstroWordPress
9 pages · 568 KB
Documentation
Rillmark
PortfolioAn editorial, kinetic portfolio for an independent motion designer and director, with a live showreel, case studies and a fee estimator.
HTML + Tailwind
8 pages · 157 KB
Documentation
Profile
PersonalA developer portfolio with résumé, projects, writing and a ⌘K command palette.
HTML + TailwindNext.jsAstroWordPress
9 pages · 311 KB
Documentation
Studio
BusinessA minimal, Swiss-style website for a small design studio, with a filterable work index, case studies and a brief estimator.
HTML + TailwindNext.jsAstroWordPress
8 pages · 153 KB
Documentation
Chapter
PersonalA literary author website for a novelist, set like a book jacket, with a first-chapter reader, rolling tour dates and book club guides.
HTML + Tailwind
10 pages · 216 KB
DocumentationWhat a portfolio website needs
- Your best eight projects, not all of them
- Lead with the work you want more of. Every template's grid looks better with fewer, stronger pieces.
- Case studies with context
- Say what the problem was, what you did and what changed. Clients hire the thinking as much as the pixels.
- An obvious way to get in touch
- A contact page or form, your email in the footer and an availability note if you take freelance work.
- Fast images
- Export images at the size they're shown and use the responsive image markup the templates already have.
Ready to start? The getting started guide takes you from download to a live site, and Deploying covers free hosting.
From the blog
- How to Move a Site from Cloudflare Pages to Workers
Cloudflare now tells new projects to use Workers. Move a static site from Pages with one Wrangler file, keep your 404 page and switch the domain over safely.
- How to Host a Static Website for Free (4 Ways)
Put a static site online free with Netlify, Vercel, Cloudflare Pages or GitHub Pages. Step-by-step setup, what each free tier allows and how to choose.
- How to Use Responsive Images with srcset and sizes
Export each photo in a few widths, list them in srcset, add sizes="auto" to lazy-loaded images and load the hero first, so phones never download desktop photos.
Questions, answered
Can I host a portfolio for free?
Yes. The HTML, Next.js and Astro versions build to static files, so GitHub Pages, Netlify, Cloudflare and Vercel's free plans all work. The hosting guide walks through each.
Can I use a portfolio template for client work?
Free templates are MIT licensed: use them for yourself or for clients, commercial or not, without attribution.