Live previewFree HTML Gallery & Portfolio Templates
Show your work: masonry grids, filterable portfolios, case-study cards, before/after sliders and lightboxes.
- 30 designs
- 1 zip no sign-up
- HTML & CSS no frameworks
- Free for commercial use
How it works: all 30 designs come in one free pack. Preview any design, then download the pack: you get every design as a zip, one HTML file each.
HTML Gallery & Portfolio Sections
30 designs · Free · HTML & CSS
Live preview
Live previewFilterable portfolio
Live previewCase study cards
Live previewBefore and after renovation
Live previewLightbox gallery
Live previewHorizontal project rail
Live previewPhotographer portfolio
Live previewProject list with hover preview
Live previewSocial feed grid
Live previewProperty photo gallery
Live previewBento travel mosaic
Slideshow with thumbnails
Live previewStacking project cards
Live previewRoom by room album
Live previewTravel journal polaroids
Live previewVideo portfolio
Live previewBuild progress timeline
Live previewExhibition wall
Live previewEvent photo albums
Live previewCoverflow album carousel
Live previewThen and now grid
Live previewPhoto map
Live previewDish gallery with details
Live previewPan and zoom panorama
Live previewShop the look gallery
Live previewPhoto a day journal
Live previewColour moodboard filter
Live previewArchive with sticky years
Live previewVertical snap reel
Live previewGuest photo wall
How it works
From download to live in three steps
- Pick a designOpen the live preview, check it on desktop, tablet and phone, and download its free pack.
- Copy it inPaste the design's HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text and links.
FAQ
Questions about these templates
Are these gallery & portfolio templates really free?
Yes. Every gallery & portfolio design here is free for personal and commercial projects, including client work. Download any pack instantly, with no sign-up. The only thing you can't do is resell the templates themselves.
Do I need Bootstrap, Tailwind or a build step?
No. Each design is a single file of plain HTML and CSS, with a few lines of vanilla JavaScript only where something is interactive. It works in any website, CMS or framework.
How do I change the colours and fonts?
Every file starts with a short list of CSS variables (brand colour, text colour, radius, font). Change them and the whole design follows.
Are they responsive and accessible?
Yes. Every design is tested from 390px phones to 1440px desktops, with keyboard support, visible focus states and sensible ARIA where it matters.