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.
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
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.
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.
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.
Deploys anywhere static: cPanelNetlifyVercelCloudflare PagesGitHub PagesAny web server
In the package
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 & Studio
Creative Agency & Design Studio
Creative Marketing Agency
Creative Agency & Design Studio
Digital Marketing Agency & Ecommerce
Marketing Agency & Creative Studio
Creative Marketing Agency
Creative Agency & Design Studio Ecommerce
Design Studio & Portfolio with Shop
Creative Agency & Design Portfolio Ecommerce
Creative Agency & Digital Studio
Creative Agency & Ecommerce
Creative Digital Agency
Creative Agency
Creative Media & Video Production Studio
Photography & Creative Studio
Creative Studio & Ecommerce
Influencer Marketing & Creator Agency
Influencer & Short-Form Video Agency
SaaS & Link Management
SaaS & Task Management
Fintech & SaaS with Checkout
Trading, Cryptocurrency & Finance SaaS
VPN, Privacy & Security Ecommerce
Fleet Tracking & Logistics SaaS
Sustainable Architecture & Real Estate
Architecture & Interior Design
Interior Design Studio
Real Estate & Property Ecommerce
Roofing & Construction Services
Roofing & Construction Ecommerce
Healthcare SaaS & Medical AI
Elderly Care & Medical
Skincare & Beauty Ecommerce
Eyewear & Sunglasses Ecommerce
Outdoor Gear Shop & Camping Trips
Sustainability & Green Services Ecommerce
Renewable Energy & Sustainability Ecommerce
Football Tournament & Sports Streaming
Golf Academy & Pro Shop Ecommerce
No demo matches that. Try a broader word, or clear the filter.
How it works
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.
Every page works from disk. No server, no install, no build command. Edit the HTML in any editor and refresh.
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.
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
Counted across the package, so the numbers are real, not a promise.
Why Manifold
No jQuery, React, GSAP, Webflow runtime or npm. One deferred vanilla script drives navigation, tabs, sliders, reveals, carts and forms.
What you download is what runs. Open a file from disk or upload the folder — no toolchain to keep current.
Palette, type scale, spacing and radius live in one :root block per demo. Re-theme a whole site from there.
16 demos ship product pages, variants, a persistent cart, checkout and order confirmation. Connect your payment provider and go.
Scroll reveals, scroll-linked timelines, CSS marquees and keyboard-friendly dropdowns, each written to its design's own timings and respecting reduced-motion.
Every family ships as WOFF2 inside the demo with an @font-face map. No Google Fonts call, no CDN, no third-party request.
Semantic markup, Open Graph and Twitter cards on every page, static delivery. Core Web Vitals are green before you write a line.
Setup, customisation and deployment questions are answered by the person who wrote the code, not a ticket queue.
Questions
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.
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.
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.
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.
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.
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
Forty finished websites for the price of one template.