40 websites. One template.
Zero dependencies.

Every demo is a complete, hand-coded site for a specific industry — home, inner pages, blog, legal pages, its own design system — in plain HTML, one stylesheet and one vanilla script. Pick the one that fits the brief and start editing.

1,504 finished pages · No jQuery, no framework, no build step · Opens straight from disk

Built for agencies, freelancers and busy studios

Forty designs. One way of working.

Home Blog Checkout

Every demo is a whole site

Not a home page with dead links. About, services, blog with real articles, pricing, contact, legal, 404 — every page a client asks for on the second call, already written and designed.

No npm No build file://

Nothing to install, ever

Plain HTML5, CSS3 and vanilla JavaScript. One stylesheet and one commented script per demo, fonts and images self-hosted. Double-click a file and it opens; upload a folder and it is live.

:root styles.css main.js

The same structure, forty times

Flat pages at the root, assets in one folder, colours and type as CSS custom properties at the top of the sheet. Learn one demo and you have learned all of them.

0
Website demos
0
Finished pages
0
Industries
0
Working shops
0
Dependencies

Deploys anywhere static: cPanelNetlifyVercelCloudflare PagesGitHub PagesAny web server

In the package

All 40 demos,
every page included.

Each card opens its demo in a new tab. What you see there is exactly what ships in the download — the same files, the same folder.

40 of 40 demos

Creative Agency demo — Clavo home page Open demo →

Creative Agency

Creative Agency & Studio

37 pages
Design Studio demo — Zelda home page Open demo →

Design Studio

Creative Agency & Design Studio

41 pages
Marketing Agency demo — Mariq home page Open demo →

Marketing Agency

Creative Marketing Agency

38 pages
Branding Agency demo — Nuestudio home page Open demo →

Branding Agency

Creative Agency & Design Studio

32 pages
Digital Marketing demo — Puchix home page Open demo →

Digital Marketing

Digital Marketing Agency & Ecommerce

37 pagesShop
Creative Studio demo — Puchix Studio home page Open demo →

Creative Studio

Marketing Agency & Creative Studio

37 pages
Advertising Agency demo — Brandora home page Open demo →

Advertising Agency

Creative Marketing Agency

49 pages
Web Agency demo — Formix home page Open demo →

Web Agency

Creative Agency & Design Studio Ecommerce

51 pagesShop
Portfolio demo — Obliq home page Open demo →

Portfolio

Design Studio & Portfolio with Shop

51 pagesShop
Design Agency demo — Obliq Studio home page Open demo →

Design Agency

Creative Agency & Design Portfolio Ecommerce

47 pagesShop
Digital Studio demo — Visonaria home page Open demo →

Digital Studio

Creative Agency & Digital Studio

24 pages
Studio Shop demo — Henecon home page Open demo →

Studio Shop

Creative Agency & Ecommerce

36 pagesShop
Digital Agency demo — Pixelfrog home page Open demo →

Digital Agency

Creative Digital Agency

25 pagesNew
Brand Studio demo — Zinox Studio home page Open demo →

Brand Studio

Creative Agency

32 pagesNew
Video Production demo — Egnis home page Open demo →

Video Production

Creative Media & Video Production Studio

39 pages
Photography demo — Golden Flash home page Open demo →

Photography

Photography & Creative Studio

31 pages
Media Studio demo — Pexora home page Open demo →

Media Studio

Creative Studio & Ecommerce

31 pagesShopNew
Influencer Agency demo — Inflouno home page Open demo →

Influencer Agency

Influencer Marketing & Creator Agency

27 pages
Creator Agency demo — Relab home page Open demo →

Creator Agency

Influencer & Short-Form Video Agency

27 pagesNew
SaaS demo — Lenkrio home page Open demo →

SaaS

SaaS & Link Management

29 pages
Task Management demo — Gemento home page Open demo →

Task Management

SaaS & Task Management

27 pages
Fintech demo — Virion home page Open demo →

Fintech

Fintech & SaaS with Checkout

41 pagesShop
Crypto Trading demo — Trenox home page Open demo →

Crypto Trading

Trading, Cryptocurrency & Finance SaaS

45 pages
VPN & Security demo — ShieldifyVPN home page Open demo →

VPN & Security

VPN, Privacy & Security Ecommerce

38 pagesShop
Logistics demo — Trackeo home page Open demo →

Logistics

Fleet Tracking & Logistics SaaS

31 pages
Architecture demo — Nuvora home page Open demo →

Architecture

Sustainable Architecture & Real Estate

38 pages
Interior Architecture demo — STUDIO.ARCH home page Open demo →

Interior Architecture

Architecture & Interior Design

40 pages
Interior Design demo — Zenvira home page Open demo →

Interior Design

Interior Design Studio

46 pages
Real Estate demo — Slateon home page Open demo →

Real Estate

Real Estate & Property Ecommerce

42 pagesShop
Construction demo — TitanPipe home page Open demo →

Construction

Roofing & Construction Services

40 pages
Roofing demo — Steelcrest home page Open demo →

Roofing

Roofing & Construction Ecommerce

43 pagesShop
Healthcare demo — Medonix home page Open demo →

Healthcare

Healthcare SaaS & Medical AI

28 pages
Elderly Care demo — Oldage home page Open demo →

Elderly Care

Elderly Care & Medical

37 pages
Beauty Store demo — Auréva home page Open demo →

Beauty Store

Skincare & Beauty Ecommerce

38 pagesShop
Eyewear Store demo — Eyeconic home page Open demo →

Eyewear Store

Eyewear & Sunglasses Ecommerce

40 pagesShop
Outdoor Store demo — Camp home page Open demo →

Outdoor Store

Outdoor Gear Shop & Camping Trips

41 pagesShop
Green Business demo — Greencore home page Open demo →

Green Business

Sustainability & Green Services Ecommerce

47 pagesShop
Renewable Energy demo — GreenAxis home page Open demo →

Renewable Energy

Renewable Energy & Sustainability Ecommerce

53 pagesShop
Sports demo — Goal home page Open demo →

Sports

Football Tournament & Sports Streaming

36 pages
Golf demo — Grin Golf home page Open demo →

Golf

Golf Academy & Pro Shop Ecommerce

32 pagesShop

How it works

Unzip. Pick. Open. Edit.

  1. 1

    Pick a demo

    Filter the grid above by industry, open a few, choose the closest fit. Copy its demo-*/ folder out of the package — that copy is your project.

  2. 2

    Open index.html

    Every page works from disk. No server, no install, no build command. Edit the HTML in any editor and refresh.

  3. 3

    Re-theme from one block

    Colours, fonts, spacing and radius are custom properties in the stylesheet's :root. The demo's style-guide page shows every one of them rendered.

  4. 4

    Upload the folder

    Drop it on cPanel, Netlify, Vercel, Cloudflare Pages, GitHub Pages or a plain web server. It is live.

manifold-html/
├── index.html              ← this page
├── documentation.html
├── demo-architecture/
│   ├── index.html · about.html · blog.html
│   ├── blog-<slug>.html · pricing.html · contact.html
│   ├── style-guide.html · 404.html
│   └── assets/
│       ├── css/styles.css   tokens at the top
│       ├── js/main.js       one commented script
│       ├── fonts/           self-hosted WOFF2
│       └── images/
├── demo-photography/
├── demo-saas/
└── … 40 demos in all

Inner pages

What is inside a demo

Counted across the package, so the numbers are real, not a promise.

  • Homethe landing page · 40 pages across every demo
  • Aboutstory, team, values · 41 pages across 39 of 40 demos
  • Services or workservice, project and case-study pages · 277 pages across 28 of 40 demos
  • Blog and articlesa listing plus written posts · 341 pages across 39 of 40 demos
  • Pricingplans and comparison · 51 pages across 35 of 40 demos
  • Contactform and details · 40 pages across every demo
  • Shop, cart and checkoutproducts, cart, checkout, confirmation · 224 pages across 33 of 40 demos
  • Team and careerspeople and job pages · 53 pages across 11 of 40 demos
  • Legalprivacy, terms, licences · 67 pages across every demo
  • Style guideevery token on one page · 40 pages across every demo
  • 404 and 401not-found and password pages · 80 pages across every demo
  • Changelog and instructionsversions and editing notes · 44 pages across 36 of 40 demos

Why Manifold

Built the way you would build it by hand

Zero dependencies

No jQuery, React, GSAP, Webflow runtime or npm. One deferred vanilla script drives navigation, tabs, sliders, reveals, carts and forms.

No build step

What you download is what runs. Open a file from disk or upload the folder — no toolchain to keep current.

Design tokens

Palette, type scale, spacing and radius live in one :root block per demo. Re-theme a whole site from there.

Working shops

16 demos ship product pages, variants, a persistent cart, checkout and order confirmation. Connect your payment provider and go.

Motion that earns its keep

Scroll reveals, scroll-linked timelines, CSS marquees and keyboard-friendly dropdowns, each written to its design's own timings and respecting reduced-motion.

Self-hosted fonts

Every family ships as WOFF2 inside the demo with an @font-face map. No Google Fonts call, no CDN, no third-party request.

SEO-ready

Semantic markup, Open Graph and Twitter cards on every page, static delivery. Core Web Vitals are green before you write a line.

Built by one developer

Setup, customisation and deployment questions are answered by the person who wrote the code, not a ticket queue.

Questions

Before you buy

Do I get all 40 demos in one download?

Yes. The package is one folder with this page at the root and every demo in its own demo-*/ subfolder. Nothing is fetched from anywhere else.

Can I mix sections from two demos?

Each demo is its own design system with its own stylesheet, so sections are not drop-in interchangeable between demos. Pick the demo closest to the brief and customise it — every colour, font and spacing step is a token, and the copy is plain HTML.

What does one licence cover?

One licence is one end product: your site or a client's, built from any single demo. Several sites means one licence per site. You may not resell or redistribute the source.

Is there a CMS, a database or a build step?

No. Every page is a real .html file. Change a headline by changing the headline; add a blog post by duplicating a page. Refresh the browser and it is there.

Do the shops actually work?

The demos tagged Shop ship a working cart in vanilla JavaScript with product pages, variants, checkout and order confirmation. Payment is where you connect your provider — the flow, the states and the markup are done.

How are updates delivered?

Updates land in the same package. The changelog lists what changed, and each demo keeps its own changelog page with its own history.

40 demos · 1,504 pages · one download

Pick a demo. Open a file. Ship.

Forty finished websites for the price of one template.