Live · MIT
Agency
AgencyThe classic one-page agency template: services, a filterable portfolio grid, an about timeline, team and a contact form.
8 sections·MIT
45 open-source templates / MIT & CC BY 3.0 curated with
live browser previews, clean structure, production blueprints.

POPULAR
FEATURED
TRENDING
CC BYTrending
A hand-picked shelf across categories — open any one running live.
Recently added
The latest designs to land, in the order they were added.
Browse
14 categories of open-source templates. Point at one to see a real template from it, running live in the browser.
How to use it
Step 01 of 03Browse 45 open-source templates by category, tag or use case. Every card shows the real site rather than a mockup, so you are judging the actual design.
# Resume > A single-page online resume with a fixed sidebar navigatio… ## Template details - Category: Portfolio - Format: HTML / CSS / Bootstrap 5 - Licence: MIT ## Page structure 1. Sidebar navigation 2. About 3. Experience 4. Education 5. Skills
Inside a blueprint
Not the template’s source code — the structure behind it, written in plain Markdown so a person or a model can build the page without guessing.
Collections
Landing pages, dashboards and technical marketing for founders moving from idea to public product.
Studio, portfolio and gallery layouts with strong visual storytelling.
Storefronts, corporate and hospitality layouts built around trust and conversion.
A single Markdown file describing the template: its purpose, every page section in order, the content each section needs, and its licence and source. It is a build brief — not the template's HTML or CSS.
Real. All 45 are open-source templates hosted in this project, and every preview on this page is the actual template rendering in an iframe — not a screenshot or a placeholder.
Each template carries its original licence — MIT for Start Bootstrap, CC BY 3.0 for HTML5 UP. Both permit commercial use; CC BY requires attribution. The licence is shown on every template's page.
The complete blueprint is generated server-side and released through one gated route, so the full file never ships to the browser. The address is used for the download and for release notes if you opt in.
Discover an open-source design, preview it live, download the Markdown blueprint, and build it — yourself, with a developer, or with an AI.