{ "name": "8B free website templates", "url": "https://8b.com/templates/", "license": "MIT", "updated": "2026-10-16", "count": 20, "made_by": { "name": "8B", "url": "https://8b.com/" }, "collections": [ { "slug": "one-page", "url": "https://8b.com/templates/one-page/", "title": "Free one page website templates", "templates": [ "hushkey", "linea", "sillage", "onda", "softlife", "sill", "ondo", "dotdrum", "midblock", "arcline", "reflow", "tallyhouse", "evenkeel", "ombrelle", "loud-kettle", "isoline", "hopla", "burrow", "ashlar", "moth-marigold" ] }, { "slug": "github", "url": "https://8b.com/templates/github/", "title": "GitHub website templates", "templates": [ "hushkey", "linea", "sillage", "onda", "softlife", "sill", "ondo", "dotdrum", "midblock", "arcline", "reflow", "tallyhouse", "evenkeel", "ombrelle", "loud-kettle", "isoline", "hopla", "burrow", "ashlar", "moth-marigold" ] }, { "slug": "animated", "url": "https://8b.com/templates/animated/", "title": "Website templates with animation", "templates": [ "hushkey", "linea", "sillage", "onda", "softlife", "sill", "ondo", "dotdrum", "midblock", "arcline", "reflow", "tallyhouse", "evenkeel", "ombrelle", "loud-kettle", "isoline", "hopla", "burrow", "ashlar", "moth-marigold" ] }, { "slug": "parallax", "url": "https://8b.com/templates/parallax/", "title": "Parallax website templates", "templates": [ "linea", "sillage", "softlife", "sill", "ondo", "midblock", "ombrelle", "loud-kettle", "ashlar", "moth-marigold" ] }, { "slug": "brutalist", "url": "https://8b.com/templates/brutalist/", "title": "Brutalist website templates", "templates": [ "sill", "dotdrum", "reflow", "tallyhouse" ] }, { "slug": "for-claude-code", "url": "https://8b.com/templates/for-claude-code/", "title": "Website templates for Claude Code", "guide": true }, { "slug": "vibe-coding", "url": "https://8b.com/templates/vibe-coding/", "title": "Landing page templates for vibe coding", "guide": true } ], "templates": [ { "slug": "hushkey", "name": "Hushkey", "title": "Hushkey, a free product landing page template", "kind": "Product launch and pre-order page for a physical device", "summary": "A one-page launch site for a palm-sized smart-home remote with eleven soft keys. Grey, tactile, monochrome; the keys are drawn in HTML and CSS and press, swell and melt into each other as you scroll.", "fits": [ "hardware or gadget launch", "pre-order or waitlist page", "smart-home or IoT product", "any product with a handful of features shown one per section" ], "categories": [ "Product and app" ], "tags": [ "product", "launch", "pre-order", "hardware", "smart home", "monochrome", "neumorphism", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 115, "photos": 8, "fonts": [ "Mozilla Headline", "Mozilla Text" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: wordmark, section links, Pre-order button; phone menu overlay" }, { "key": "hero", "id": "hero", "heading": "Eleven keys for the whole house.", "about": "first screen: headline, two buttons, the eleven-key product panel drawn in HTML/CSS" }, { "key": "states", "id": "states", "heading": "Up is ready. Down is on.", "about": "keyboard of eight toggle keys (Up is ready / Down is on)" }, { "key": "modes", "id": "modes", "heading": "One pad. Four moods of the house.", "about": "sticky stage: D-pad drives four room photos (Morning, Desk, Evening, Away)" }, { "key": "dimmer", "id": "dimmer", "heading": "Hold plus. The light arrives slowly.", "about": "fader + plus key over one room photo (grey to colour on scroll)" }, { "key": "quiet", "id": "quiet", "heading": "No screen to wake.", "about": "short statement: no screen, no app" }, { "key": "chords", "id": "chords", "heading": "Press two at once. Get a third.", "about": "two keys meet and their outlines melt into one (chords)" }, { "key": "material", "id": "material", "heading": "Made to be found in the dark.", "about": "three material cards with texture photos" }, { "key": "editions", "id": "editions", "heading": "Two finishes. The same eleven keys.", "about": "two finishes (Chalk, Graphite) with pre-order buttons and a switch" }, { "key": "faq", "id": "faq", "heading": "Before you press order.", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Ask someone who has pressed every key.", "about": "email, phone and a contact form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "width-filling HUSHKEY wordmark, links, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "phone", "form" ], "lighthouse": { "score": 93, "lcp": "2.7 s", "cls": 0, "note": "mobile, measured by 8B before release" }, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/product-landing-page-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a launch page for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/hushkey/", "md": "https://8b.com/templates/hushkey.md", "json": "https://8b.com/templates/hushkey.json", "demo": "https://8bsite.github.io/product-landing-page-template/", "repo": "https://github.com/8bsite/product-landing-page-template", "zip": "https://github.com/8bsite/product-landing-page-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=product-landing-page-template&template_owner=8bsite", "agents": "https://github.com/8bsite/product-landing-page-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/product-landing-page-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/product-landing-page-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/hushkey/desktop.webp", "phone": "https://8b.com/templates/hushkey/phone.webp", "clip": "https://8b.com/templates/hushkey/scroll.mp4", "og": "https://8b.com/templates/hushkey/og.jpg", "prompt": "https://8b.com/templates/hushkey/prompt.md" }, "github": { "repo": "8bsite/product-landing-page-template", "template_repository": true, "topics": [ "html-template", "landing-page", "landing-page-template", "website-template", "free-template", "product-launch", "product-landing-page", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "linea", "name": "Linea", "title": "Linea, a free app landing page template", "kind": "Landing page for a mobile app or SaaS (demo: a live-captioning app for phone calls)", "summary": "A one-page site for a free app that turns phone calls and the conversations around you into live captions. Warm paper and espresso bands with one green accent stack over each other as you scroll; spoken words cross from a waveform into readable caption bubbles, a phone builds its transcript feature by feature, and a row of places slides sideways along two curved voice lines.", "fits": [ "SaaS or mobile app landing page", "app with a free plan or a sign-up", "communication, messaging or accessibility product", "any product whose features can be shown on a phone screen one by one" ], "categories": [ "Product and app" ], "tags": [ "saas", "app", "landing page", "mobile app", "product", "accessibility", "captions", "warm", "rounded", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 134, "photos": 9, "fonts": [ "Host Grotesk" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: logo, section links, Get-the-app button; phone menu overlay" }, { "key": "hero", "id": "hero", "heading": "Every call, written as it’s spoken.", "about": "first screen: headline over a full-bleed photo, lead, proof line, button; caption chips ride curved lines across the photo" }, { "key": "voice-to-text", "id": "listen", "heading": "Nothing lost between a voice and a word.", "about": "two-panel stage: speech on one side, readable captions on the other (demo: They speak / You read)" }, { "key": "calls", "id": "calls", "heading": "Calls that feel easy again.", "about": "feature list beside a sticky phone whose screen builds one step per feature" }, { "key": "caption-styles", "id": "tune", "heading": "Captions, set your way.", "about": "a wall-sized sample sentence over a list of eight settings with drawn controls" }, { "key": "in-person", "id": "rooms", "heading": "Captions for the room, too.", "about": "horizontal track of five places with photos and caption pairs, two curved lines run through all of them" }, { "key": "testimonials", "id": "voices", "heading": "Recommended by clinicians. Loved by the people who use it.", "about": "expert quote with portrait beside two columns of short reviews" }, { "key": "how-it-works", "id": "setup", "heading": "Three steps, then just talk.", "about": "three numbered step cards that stack on top of each other" }, { "key": "faq", "id": "faq", "heading": "Questions, answered plainly.", "about": "questions and answers (native
)" }, { "key": "call-to-action", "id": "start", "heading": "Your next call can be the easy one.", "about": "closing call to action over a photo that opens from a small window to the full band" }, { "key": "contact", "id": "contact", "heading": "Talk to a person, any way you like.", "about": "support hours, a photo, three ways to reach the team and a contact form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "Live captions for every call and conversation.", "about": "tagline, link columns, giant wordmark, copyright with the Design: 8B credit and a legal note" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/app-landing-page-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a landing page for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, the phone screen, reviews, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/linea/", "md": "https://8b.com/templates/linea.md", "json": "https://8b.com/templates/linea.json", "demo": "https://8bsite.github.io/app-landing-page-template/", "repo": "https://github.com/8bsite/app-landing-page-template", "zip": "https://github.com/8bsite/app-landing-page-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=app-landing-page-template&template_owner=8bsite", "agents": "https://github.com/8bsite/app-landing-page-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/app-landing-page-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/linea/desktop.webp", "phone": "https://8b.com/templates/linea/phone.webp", "clip": "https://8b.com/templates/linea/scroll.mp4", "og": "https://8b.com/templates/linea/og.jpg" }, "github": { "repo": "8bsite/app-landing-page-template", "template_repository": true, "topics": [ "html-template", "landing-page", "landing-page-template", "website-template", "free-template", "app-landing-page", "saas-landing-page", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "sillage", "name": "Sillage", "title": "Sillage, a free creative agency website template", "kind": "Website for a creative agency or production house, with a portfolio, services, team and studio", "summary": "A one-page site for a Paris creative agency and production house working for fashion, beauty and fragrance brands. Black and white, uppercase, hairline-ruled tables, colour only from the photos; the width-filling wordmark carries an offset black trail that splits apart as you scroll, and one project grows from the grid into a full-screen stage.", "fits": [ "creative, advertising or branding agency", "photo, film or production company", "design or architecture studio portfolio", "fashion, beauty or luxury services", "a studio or venue that also rents its space" ], "categories": [ "Agency and studio" ], "tags": [ "agency", "creative agency", "production", "portfolio", "fashion", "luxury", "black and white", "editorial", "typography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 106, "photos": 22, "fonts": [ "Instrument Sans", "Mozilla Headline" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: wordmark, two groups of section links; phone menu overlay with email and phone" }, { "key": "hero", "id": "hero", "heading": "Sillage, creative agency and production house I L L A G E", "about": "first screen: width-filling cut wordmark, a ruled info line, a full-bleed campaign photo (demo: SILLAGE)" }, { "key": "manifesto", "id": "manifesto", "heading": "Not what a brand says. What stays in the room.", "about": "four width-filling statement lines, a lead, two paragraphs and a ruled line of six verbs" }, { "key": "works", "id": "works", "heading": "Selected work", "about": "portfolio: a ruled filter bar over an asymmetric grid of eight projects, plus a reel button" }, { "key": "feature", "id": "feature", "heading": "The Amber Hour", "about": "one featured project on a full-screen stage: tags, giant title, client line, credits, button (demo: The Amber Hour)" }, { "key": "clients", "id": "clients", "heading": "Houses we keep company with", "about": "a looping row of client names set in the wordmark face" }, { "key": "expertise", "id": "expertise", "heading": "Five rooms. One roof.", "about": "dark section: a portrait and five ruled service rows, each with a title and tags" }, { "key": "method", "id": "method", "heading": "From first line to last frame", "about": "four numbered process steps as a horizontal storyboard (demo: Write, Build, Shoot, Finish & scale)" }, { "key": "studio", "id": "studio", "heading": "Studio Sillage, Montreuil", "about": "a space for hire: large photo, text, five ruled spec rows and a booking button" }, { "key": "crew", "id": "crew", "heading": "The people in the room", "about": "team: six portraits with names and roles, and a hiring line" }, { "key": "contact", "id": "contact", "heading": "Tell us what should stay", "about": "contact: the main email as a width-filling line, four ruled desks with names, emails, phones, addresses" }, { "key": "footer", "id": "footer", "heading": "", "about": "the SILLAGE wordmark again, copyright, social links and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "phone", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/creative-agency-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name and wordmark, copy, projects, client names, people, photos, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/sillage/", "md": "https://8b.com/templates/sillage.md", "json": "https://8b.com/templates/sillage.json", "demo": "https://8bsite.github.io/creative-agency-website-template/", "repo": "https://github.com/8bsite/creative-agency-website-template", "zip": "https://github.com/8bsite/creative-agency-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=creative-agency-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/creative-agency-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/creative-agency-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/creative-agency-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/sillage/desktop.webp", "phone": "https://8b.com/templates/sillage/phone.webp", "clip": "https://8b.com/templates/sillage/scroll.mp4", "og": "https://8b.com/templates/sillage/og.jpg" }, "github": { "repo": "8bsite/creative-agency-website-template", "template_repository": true, "topics": [ "html-template", "website-template", "free-template", "landing-page", "creative-agency", "agency-website", "portfolio-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "onda", "name": "Onda", "title": "Onda, a free design studio website template", "kind": "One-page website for a design, brand or digital agency", "summary": "A one-page site for an invented brand, product and AI studio with offices in two cities: work, long-term clients, services, process, team, news and contact. Black, white and one violet; every heading ends in a violet dot, and the giant full stop after \"Hello\" is a round photo that travels into the next heading, while the case studies slide on a track that bends into a rotating wheel.", "fits": [ "design, brand or digital agency", "product or UX studio", "creative or marketing agency with case studies", "consultancy that shows clients, services and process on one page" ], "categories": [ "Agency and studio" ], "tags": [ "agency", "design studio", "creative agency", "portfolio", "case studies", "dark", "violet", "bold typography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 135, "photos": 26, "fonts": [ "Gabarito", "Onest" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.4/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "fixed top bar: wordmark, section links, Start a project button; phone menu overlay" }, { "key": "hero", "id": "hero", "heading": "Hello", "about": "first screen: a one-word greeting whose full stop is a giant round photo (demo: \"Hello\")" }, { "key": "statement", "id": "statement", "heading": "We make the things people come back to", "about": "two-line statement of what the studio does, a lead paragraph and an index of links into the page" }, { "key": "work", "id": "work", "heading": "Selected work", "about": "case studies: five large cards on a horizontal track (demo: five client launches)" }, { "key": "again", "id": "again", "heading": "Never a one-off", "about": "long-term clients: six cards on a wheel that turns with scroll (demo: years of partnership)" }, { "key": "capabilities", "id": "capabilities", "heading": "What we do", "about": "services: five cards that stack as you scroll, each with deliverable badges and a photo" }, { "key": "method", "id": "method", "heading": "How we work", "about": "process: four steps beside a ring the scroll draws round (demo: Listen, Make, Measure, Again)" }, { "key": "studio", "id": "studio", "heading": "Inside the studio", "about": "team and careers: photo collage that deals out from a pile, with open roles" }, { "key": "journal", "id": "journal", "heading": "Ideas and news", "about": "news and articles: four stories beside a sticky photo frame" }, { "key": "faq", "id": "faq", "heading": "Fair questions", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Let's talk", "about": "violet contact field: big \"Let's talk\", email, two offices with phones, and a form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "closing greeting \"Bye\" with the round photo full stop, link columns, newsletter, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "phone", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/design-studio-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a studio or agency site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, client names, results, dates, addresses and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/onda/", "md": "https://8b.com/templates/onda.md", "json": "https://8b.com/templates/onda.json", "demo": "https://8bsite.github.io/design-studio-website-template/", "repo": "https://github.com/8bsite/design-studio-website-template", "zip": "https://github.com/8bsite/design-studio-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=design-studio-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/design-studio-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/design-studio-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/design-studio-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/onda/desktop.webp", "phone": "https://8b.com/templates/onda/phone.webp", "clip": "https://8b.com/templates/onda/scroll.mp4", "og": "https://8b.com/templates/onda/og.jpg" }, "github": { "repo": "8bsite/design-studio-website-template", "template_repository": true, "topics": [ "html-template", "website-template", "free-template", "landing-page", "agency-website", "design-studio", "creative-agency", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "softlife", "name": "softlife", "title": "softlife, a free community website template", "kind": "Community and members' club website for a women's social house", "summary": "A one-page site for a London members' house for ambitious women, with a weekly programme, clubs, a small shop, a journal and three membership tiers. Warm pinks, oxblood and powder blue, a two-weight serif and arch-shaped photos; as you scroll, a pink-and-red palette row swells into the next section, seven colour arches turn into the week's photos, a moodboard deals itself out of a pile and membership cards turn over.", "fits": [ "members' club or social house", "women's network or community", "wellness or lifestyle collective", "co-working space with events", "community with a weekly programme and paid tiers" ], "categories": [ "Community" ], "tags": [ "community", "members club", "membership", "women", "lifestyle", "wellness", "events", "pink", "serif", "arches", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 132, "photos": 24, "fonts": [ "Kalnia", "Onest", "Playwrite US Trad" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.11/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 121+ (it uses color-mix(), container query units, :has(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: wordmark, section links, Join button; phone menu overlay" }, { "key": "hero", "id": "hero", "heading": "softlife l ı fe", "about": "first screen: width-filling two-weight wordmark, tagline, intro, two buttons, portrait, a row of palette chips" }, { "key": "manifesto", "id": "manifesto", "heading": "The softlife principle", "about": "statement on an oxblood ground: the principle in two weights, a founding note and a link" }, { "key": "week", "id": "week", "heading": "A week, softly", "about": "weekly programme: seven days as seven arch photos, one colour per day" }, { "key": "clubs", "id": "clubs", "heading": "Four clubs, one house", "about": "four tiles with a giant initial each: the clubs or programmes (demo: morning, supper, reading, office hours)" }, { "key": "board", "id": "board", "heading": "Things we're soft on", "about": "moodboard collage of twelve tiles: photos, type posters, gingham and stripes" }, { "key": "edit", "id": "edit", "heading": "The soft edit", "about": "small shop: four products with photo, details, price and Add to bag" }, { "key": "journal", "id": "journal", "heading": "Notes from the reading room", "about": "blog: a tall pink poster of two words beside three article entries" }, { "key": "letter", "id": "letter", "heading": "Dear you,", "about": "founder's letter with a handwritten signature and an arch portrait" }, { "key": "membership", "id": "membership", "heading": "Join the club", "about": "three membership tiers on cards that turn over (demo: day pass, member, founding circle)" }, { "key": "faq", "id": "faq", "heading": "Good questions", "about": "questions and answers (native
) beside a heading and an email link" }, { "key": "contact", "id": "contact", "heading": "Come over", "about": "address, hours, email, phone and a contact form beside an arch photo of the front door" }, { "key": "footer", "id": "footer", "heading": "Visit", "about": "width-filling softlife wordmark, address, hours, contacts, links, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "phone", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/community-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/community-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/community-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/community-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/community-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for a community or members' club for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, programme, prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/softlife/", "md": "https://8b.com/templates/softlife.md", "json": "https://8b.com/templates/softlife.json", "demo": "https://8bsite.github.io/community-website-template/", "repo": "https://github.com/8bsite/community-website-template", "zip": "https://github.com/8bsite/community-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=community-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/community-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/community-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/community-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/community-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/community-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/community-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/softlife/desktop.webp", "phone": "https://8b.com/templates/softlife/phone.webp", "clip": "https://8b.com/templates/softlife/scroll.mp4", "og": "https://8b.com/templates/softlife/og.jpg" }, "github": { "repo": "8bsite/community-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "community-website", "membership-website", "members-club", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "sill", "name": "Sill", "title": "Sill, a free pet boarding website template", "kind": "Website for a cat boarding house or pet hotel, with rooms and prices, a daily routine, the staff and a booking form", "summary": "A one-page site for a small boarding house for cats with twelve rooms around a courtyard. Flat blocks of saturated colour separated by thick black gutters; a black hill rises and swallows the first screen while the house's windows light up, the day runs past on a pinned track under a changing sky, and photos peek up over their panels' edges.", "fits": [ "cattery or cat hotel", "pet boarding or pet sitting service", "dog daycare or kennel (with new photos and rules)", "small guesthouse or B&B with a handful of rooms", "any small service with rooms or packages, a daily schedule and a team" ], "categories": [ "Local business" ], "tags": [ "pet boarding", "cattery", "pet hotel", "pet sitting", "animals", "booking", "colour blocks", "bold", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 94, "photos": 25, "fonts": [ "Gabarito", "Playwrite US Modern", "Rethink Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "black top bar: wordmark, five section links, Book a stay button; hides on scroll down; phone menu overlay of colour panels" }, { "key": "opening", "id": "opening", "heading": "Rooms with a view, for cats.", "about": "two screens: a grid of colour panels with headline, photo, intro, price and buttons, then a facade of twelve coloured windows (demo: twelve rooms, five with cats)" }, { "key": "rooms", "id": "rooms", "heading": "Three shapes of room", "about": "room types as panels of different shapes, each with photo, text and price per night, plus an \"every room has\" list (demo: Ledge, Tower, Burrow)" }, { "key": "letters", "id": "letters", "heading": "A letter every evening", "about": "three short notes in a handwriting font with photos (demo: the evening letters sitters send to owners); works as testimonials" }, { "key": "day", "id": "day", "heading": "A day at Sill", "about": "pinned horizontal track of six timed panels under a sky band (demo: the cats' daily schedule from 07:00 to 21:00)" }, { "key": "sitters", "id": "sitters", "heading": "Four people, always in the house", "about": "team of four: portraits behind coloured ledges at stepped heights, name and role on each ledge" }, { "key": "courtyard", "id": "courtyard", "heading": "Every window faces the courtyard", "about": "one photo cut into six window panes by black mullions, with heading, text, a three-item list and a second photo with caption (demo: the courtyard view)" }, { "key": "visit", "id": "visit", "heading": "Your first visit", "about": "four numbered steps as a rising staircase of panels, a photo on the top step (demo: what happens on a first visit)" }, { "key": "quiet", "id": "quiet", "heading": "A quiet house, by rule", "about": "four rules or promises as panels with one big word each (demo: No dogs, One cat, Own air, Vet close)" }, { "key": "faq", "id": "faq", "heading": "Questions owners ask", "about": "questions and answers (native
) beside a heading panel with a phone link" }, { "key": "contact", "id": "contact", "heading": "Book a room", "about": "booking form framed by four contact panels: Call, Visit, Hours, Write (phone, address, opening hours, email are placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "black footer: links, address, phone, email, a one-line note, copyright with the Design: 8B credit, and a large wordmark" } ], "placeholders": [ "og-image", "favicon", "phone", "form", "email" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/pet-boarding-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, hours, staff, address, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/sill/", "md": "https://8b.com/templates/sill.md", "json": "https://8b.com/templates/sill.json", "demo": "https://8bsite.github.io/pet-boarding-website-template/", "repo": "https://github.com/8bsite/pet-boarding-website-template", "zip": "https://github.com/8bsite/pet-boarding-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=pet-boarding-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/pet-boarding-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/pet-boarding-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/pet-boarding-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/sill/desktop.webp", "phone": "https://8b.com/templates/sill/phone.webp", "clip": "https://8b.com/templates/sill/scroll.mp4", "og": "https://8b.com/templates/sill/og.jpg" }, "github": { "repo": "8bsite/pet-boarding-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "pet-boarding", "cat-boarding", "pet-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "ondo", "name": "ONDO", "title": "ONDO, a free event website template", "kind": "Event website for a music or culture festival, with lineup, schedule, venue zones and tickets", "summary": "A one-page site for a two-day K-culture festival in Rotterdam: lineup, a crew battle, four zones, a beauty lab, a food board, partner info, a photo wall and three passes. Crimson and red slides with big type that heats from dim to white-hot as you scroll; the first screen's face closes into nine round windows that become the day's schedule.", "fits": [ "music or culture festival", "concert, fan meeting or convention", "club night or event series with a lineup", "any event with a schedule, several areas and ticket tiers" ], "categories": [ "Event" ], "tags": [ "event", "festival", "concert", "k-pop", "lineup", "schedule", "tickets", "red", "bold typography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 152, "photos": 29, "fonts": [ "Asta Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: wordmark, section links, Tickets button; phone menu overlay with dates and venue" }, { "key": "opening", "id": "opening", "heading": "Heat of Seoul", "about": "two-screen opening: a full-bleed photo under a huge title, then nine round windows onto it with the day's schedule" }, { "key": "lineup", "id": "lineup", "heading": "On the bill", "about": "the bill: five act names set full width, each with a round portrait and day, stage and time" }, { "key": "battle", "id": "battle", "heading": "Crew battle", "about": "split screen: two sides with a moving VS line (demo: a dance crew battle)" }, { "key": "zones", "id": "zones", "heading": "One hall, four heats", "about": "venue plan with four round zone windows and a description of each" }, { "key": "looks", "id": "looks", "heading": "Idol looks", "about": "sideways track of three items, each a tall photo with times, name, text and three steps (demo: make-up looks)" }, { "key": "food", "id": "food", "heading": "Food street", "about": "menu board with prices, names in two languages, two photos" }, { "key": "partners", "id": "partners", "heading": "Who fills the hall", "about": "for sponsors: audience in four columns with bars sized by share, a portrait and a deck button" }, { "key": "fanwall", "id": "fanwall", "heading": "The photo wall", "about": "photo wall: eight photos, rectangles and circles, red-tinted" }, { "key": "tickets", "id": "tickets", "heading": "Passes", "about": "three ticket tiers as wristband passes with prices and buttons" }, { "key": "faq", "id": "faq", "heading": "Before you come", "about": "questions and answers (native
) with a contact e-mail" }, { "key": "contact", "id": "contact", "heading": "See you on the river", "about": "contact block framed by rings: e-mail, venue address, travel, phone, press e-mail" }, { "key": "footer", "id": "footer", "heading": "", "about": "width-filling ONDO 온도 wordmark, links, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "phone", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/event-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/event-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for an event site for . Keep the layout, the motion and the single-file format; replace the event name, copy, photos, schedule, prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/ondo/", "md": "https://8b.com/templates/ondo.md", "json": "https://8b.com/templates/ondo.json", "demo": "https://8bsite.github.io/event-website-template/", "repo": "https://github.com/8bsite/event-website-template", "zip": "https://github.com/8bsite/event-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=event-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/event-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/event-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/event-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/event-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/event-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/event-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/ondo/desktop.webp", "phone": "https://8b.com/templates/ondo/phone.webp", "clip": "https://8b.com/templates/ondo/scroll.mp4", "og": "https://8b.com/templates/ondo/og.jpg" }, "github": { "repo": "8bsite/event-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "event-website", "event-template", "festival-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "dotdrum", "name": "Dotdrum", "title": "Dotdrum, a free print studio website template", "kind": "One-page website for a print studio or small press, with a price calculator, shop and workshop dates", "summary": "A one-page site for a two-ink risograph studio that prints zines, posters and books, sells its own editions and runs workshops. Two flat inks, ultramarine and fluorescent pink, and halftone dots drawn in CSS; as you scroll, four drums print the page band by band, ink plates slide into register and a drum inks the workshop dates one by one.", "fits": [ "risograph, screen-print or letterpress studio", "print shop or copy shop with online quotes", "small press or zine publisher with a few editions for sale", "craft studio that sells work and runs workshops", "any small studio with a two-colour graphic identity" ], "categories": [ "Agency and studio", "Shop" ], "tags": [ "print studio", "risograph", "print shop", "small press", "zines", "workshops", "price calculator", "halftone", "two-colour", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 99, "photos": 13, "fonts": [ "Gabarito", "Rethink Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 121+ (it uses color-mix(), container query units, :has(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: wordmark, section links, Price a run button; phone menu overlay" }, { "key": "opening", "id": "press", "heading": "Two inks, ten thousand dots.", "about": "two-screen opening: big two-line headline and four drums with halftone trails, then a pink panel with the studio statement, a photo and three facts" }, { "key": "inks", "id": "inks", "heading": "Two inks. Sixteen colours.", "about": "colour chart: two ink plates overprint into a 4×4 grid of tints (demo: blue and pink)" }, { "key": "process", "id": "process", "heading": "One sheet, two passes.", "about": "how it works: five numbered steps on a horizontal track beside a sheet that gets printed step by step" }, { "key": "studio", "id": "studio", "heading": "A small room with a loud machine.", "about": "about the studio: paragraph, list of four machines, three photos at alternating heights" }, { "key": "editions", "id": "editions", "heading": "From our own drum.", "about": "shop: eight products in four staggered lanes, each with photo, title, format, price and Order link (demo: zines, prints and books)" }, { "key": "workshops", "id": "workshops", "heading": "Learn the drum.", "about": "event list: five dated sessions with price, places left and a Book link, beside a lane where a drum inks each date" }, { "key": "quote", "id": "quote", "heading": "Price a run.", "about": "price calculator: job options on the left, a live job ticket with total, unit price and turnaround, and a Send this ticket email button" }, { "key": "runs", "id": "runs", "heading": "Lately on the drum.", "about": "list of recent clients and jobs set in large type (demo: a press log)" }, { "key": "faq", "id": "faq", "heading": "Before you send a file.", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Bring a file. Leave with a stack.", "about": "address, opening hours, email, phone and a contact form (placeholders), four drums across the foot" }, { "key": "footer", "id": "footer", "heading": "", "about": "width-filling dotdrum wordmark, links, address, socials, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "email", "form", "phone", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/print-studio-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices and rates, dates, client list, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/dotdrum/", "md": "https://8b.com/templates/dotdrum.md", "json": "https://8b.com/templates/dotdrum.json", "demo": "https://8bsite.github.io/print-studio-website-template/", "repo": "https://github.com/8bsite/print-studio-website-template", "zip": "https://github.com/8bsite/print-studio-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=print-studio-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/print-studio-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/print-studio-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/print-studio-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/dotdrum/desktop.webp", "phone": "https://8b.com/templates/dotdrum/phone.webp", "clip": "https://8b.com/templates/dotdrum/scroll.mp4", "og": "https://8b.com/templates/dotdrum/og.jpg" }, "github": { "repo": "8bsite/print-studio-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "print-studio", "print-shop", "risograph", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "midblock", "name": "Midblock", "title": "Midblock, a free architecture website template", "kind": "Website for an architecture office, with projects, method, team and an enquiry form", "summary": "A one-page site for a small architecture office that builds on narrow city plots, with its buildings, method, a register of plots, team and an enquiry form. Flat pastel blocks and street photos that start as streaks of smeared colour and come into focus as you scroll; the projects pass sideways like a walk along a street.", "fits": [ "architecture or design office", "architect's portfolio", "urban planning or housing studio", "construction or development company", "any studio showing projects one by one plus a team" ], "categories": [ "Architecture and building" ], "tags": [ "architecture", "architect", "portfolio", "studio", "projects", "real estate", "pastel", "flat", "photography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 93, "photos": 14, "fonts": [ "Mozilla Headline", "Mozilla Text" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: wordmark, four section links, Bring us a plot button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "We build in the gaps a city leaves.", "about": "first screen: headline on stepped blocks between slabs of a street photo, then a manifesto and three short facts" }, { "key": "buildings", "id": "buildings", "heading": "Five buildings, none wider than a bus", "about": "projects walked sideways: five buildings at their relative plot widths, each with a plate" }, { "key": "scan", "id": "scan", "heading": "We read a street for a whole day", "about": "method in four steps beside a photo crossed by a red scan line" }, { "key": "register", "id": "register", "heading": "The gap register", "about": "table of entries with status badges (demo: a public list of plots)" }, { "key": "colours", "id": "colours", "heading": "Borrowed colours", "about": "six full-width colour bands, each with a name, a sentence and where it is used" }, { "key": "neighbours", "id": "neighbours", "heading": "What the neighbours said", "about": "three testimonials on blocks at stepped heights, with one photo" }, { "key": "floors", "id": "floors", "heading": "9 Ropewalk, floor by floor", "about": "one project floor by floor: a building photo cut into seven slices beside a list of seven levels" }, { "key": "studio", "id": "studio", "heading": "Five people, one long table", "about": "team: five portraits at stepped heights with names and roles" }, { "key": "faq", "id": "faq", "heading": "Questions we hear on site", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Bring us a plot", "about": "enquiry form between two street-photo slabs, then address, phone, email and hours" }, { "key": "footer", "id": "footer", "heading": "Pages", "about": "colour bands, width-filling MIDBLOCK wordmark, links, address, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "form", "phone", "email" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/architecture-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/architecture-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/architecture-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/architecture-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/architecture-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, project data, the register table, team, address, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/midblock/", "md": "https://8b.com/templates/midblock.md", "json": "https://8b.com/templates/midblock.json", "demo": "https://8bsite.github.io/architecture-website-template/", "repo": "https://github.com/8bsite/architecture-website-template", "zip": "https://github.com/8bsite/architecture-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=architecture-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/architecture-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/architecture-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/architecture-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/architecture-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/architecture-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/architecture-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/midblock/desktop.webp", "phone": "https://8b.com/templates/midblock/phone.webp", "clip": "https://8b.com/templates/midblock/scroll.mp4", "og": "https://8b.com/templates/midblock/og.jpg" }, "github": { "repo": "8bsite/architecture-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "architecture-website", "architecture-template", "architect-portfolio", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "arcline", "name": "Arcline", "title": "Arcline, a free fitness website template", "kind": "Website for a fitness or sports training club with coaches, a weekly schedule and membership plans", "summary": "A one-page site for a performance training club with its own test lab, covering running, cycling, swimming, court sports and strength. Every section is a framed slide floating on a cold blue-grey mist: headings streak in and out like sprinters, tiles are dealt from a deck, a lens opens on the lab photo and the week's schedule runs sideways as you scroll.", "fits": [ "gym, fitness or training club", "running, cycling or triathlon coaching", "personal trainer or coaching studio with membership plans", "sports performance lab or physio clinic", "multi-sport club with a weekly class schedule" ], "categories": [ "Sport and fitness" ], "tags": [ "fitness", "gym", "sports club", "coaching", "training", "membership", "schedule", "blue", "slides", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 90, "photos": 25, "fonts": [ "Geist" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: wordmark, a short tagline, section links, Book a test button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Faster than your own shadow", "about": "two-screen opening: a navy cover slide with a photo and a three-line stepped headline, then a pale manifesto slide (demo: racket photo, \"Only forward®\")" }, { "key": "method", "id": "method", "heading": "Tested Monday. Faster by spring", "about": "how it works: three numbered steps beside a big heading with round photos set into its lines (demo: Test, Train, Transfer)" }, { "key": "disciplines", "id": "disciplines", "heading": "Breathe. Move. Repeat.", "about": "a three-word line over a collage of tiles, one per activity, plus a link tile (demo: strength, running, cycling, swimming, gait fitting, court sports)" }, { "key": "coaches", "id": "coaches", "heading": "Coached by people who still race", "about": "four coach portraits of different heights with names and roles" }, { "key": "lab", "id": "lab", "heading": "What the lab sees", "about": "a feature block: text on the left, a round photo ringed by four labelled measures on the right (demo: test lab, VO₂ max, threshold)" }, { "key": "week", "id": "week", "heading": "A week at Arcline", "about": "weekly schedule: seven day cards in a row that runs sideways as you scroll, with a progress line" }, { "key": "stories", "id": "stories", "heading": "Members, retested", "about": "testimonials: one large quote with a round portrait in its first line and two short quotes" }, { "key": "recovery", "id": "recovery", "heading": "Recovery is part of the rep", "about": "a stepped heading, a lead and four services in two columns, beside a window of sky over calm water (demo: recovery suite)" }, { "key": "membership", "id": "membership", "heading": "Membership", "about": "pricing: three plans in ruled columns, the middle one highlighted" }, { "key": "faq", "id": "faq", "heading": "Before your first test", "about": "questions and answers (native
) beside a rail with a rolling ball" }, { "key": "contact", "id": "contact", "heading": "Book your first test", "about": "booking: a heading on a line across the slide, address, hours, phone, email and a short form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "width-filling wordmark, a line about the club, links, socials, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/fitness-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/fitness-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/fitness-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/fitness-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/fitness-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, coaches, schedule, prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/arcline/", "md": "https://8b.com/templates/arcline.md", "json": "https://8b.com/templates/arcline.json", "demo": "https://8bsite.github.io/fitness-website-template/", "repo": "https://github.com/8bsite/fitness-website-template", "zip": "https://github.com/8bsite/fitness-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=fitness-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/fitness-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/fitness-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/fitness-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/fitness-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/fitness-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/fitness-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/arcline/desktop.webp", "phone": "https://8b.com/templates/arcline/phone.webp", "clip": "https://8b.com/templates/arcline/scroll.mp4", "og": "https://8b.com/templates/arcline/og.jpg" }, "github": { "repo": "8bsite/fitness-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "fitness-website", "gym-website", "sports-club", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "reflow", "name": "Reflow", "title": "Reflow, a free repair shop website template", "kind": "Website for a phone and laptop repair shop with walk-in repairs, prices and refurbished devices", "summary": "A one-page site for a phone and laptop repair shop with a free diagnosis, a price list, refurbished stock, business pickups and repairs by post. Near-black and white with one electric blue; the wordmark is built from rounded dashes that stretch and flood the screen on the first scroll, and a blue selection scans the checklist, crosses the pickup schedule and reads along the reviews.", "fits": [ "phone, laptop or computer repair shop", "electronics, console or watch repair", "refurbished device shop", "any walk-in service with a price list and a booking form" ], "categories": [ "Local business" ], "tags": [ "repair shop", "phone repair", "laptop repair", "computer repair", "local business", "price list", "booking form", "dark", "monochrome", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 108, "photos": 11, "fonts": [ "Instrument Sans", "TikTok Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 16+, Firefox 110+ (it uses container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: dash mark and name, opening hours, section links, Book a repair button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Reflow: Phone and laptop repair, done at the window while you watch.", "about": "two screens: a dash-built wordmark with headline and contact bar, then a staircase statement with three photos (demo: REFLOW, \"Most broken things are fixable.\")" }, { "key": "diagnosis", "id": "diagnosis", "heading": "Fifteen minutes, free, out loud.", "about": "service explainer: staircase heading, paragraph and a twelve-row checklist with results and a quote (demo: the free diagnosis)" }, { "key": "prices", "id": "prices", "heading": "Price wall", "about": "price list table grouped by device, each row with models, a time bar and a price (demo: Price wall)" }, { "key": "bench", "id": "bench", "heading": "Fixed at the window.", "about": "how-we-work block: staircase heading over a wide photo cut into four strips, three columns of text (demo: \"Fixed at the window.\")" }, { "key": "parts", "id": "parts", "heading": "Three grades of part. You choose, and the receipt names the one we fitted.", "about": "comparison table of three options with four rows and an example price (demo: Original, Certified, Value parts)" }, { "key": "refurb", "id": "refurb", "heading": "Second life", "about": "horizontal shelf of numbered products with photo, specs, price and a Reserve link (demo: five refurbished devices)" }, { "key": "fleet", "id": "fleet", "heading": "For offices and schools: we collect on a weekly route, leave a loan device for every one we take and invoice once a month.", "about": "business offer with a weekly schedule drawn as bars on an hour grid (demo: office and school pickups, Monday to Friday)" }, { "key": "mailin", "id": "mailin", "heading": "Post it.", "about": "how it works: four steps under one dashed line and a button (demo: repair by post)" }, { "key": "reviews", "id": "reviews", "heading": "", "about": "three customer quotes in large type, each with name and device" }, { "key": "faq", "id": "faq", "heading": "Before you ask.", "about": "questions and answers (native
)" }, { "key": "visit", "id": "visit", "heading": "Come to the bench.", "about": "contact and booking: staircase heading, address, hours, phone and email, a photo and a booking form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "Visit", "about": "dashed rule, one-line description, address, contact and page links, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/repair-shop-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name and the dash wordmark, copy, photos, prices, times, stock, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/reflow/", "md": "https://8b.com/templates/reflow.md", "json": "https://8b.com/templates/reflow.json", "demo": "https://8bsite.github.io/repair-shop-website-template/", "repo": "https://github.com/8bsite/repair-shop-website-template", "zip": "https://github.com/8bsite/repair-shop-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=repair-shop-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/repair-shop-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/repair-shop-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/repair-shop-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/reflow/desktop.webp", "phone": "https://8b.com/templates/reflow/phone.webp", "clip": "https://8b.com/templates/reflow/scroll.mp4", "og": "https://8b.com/templates/reflow/og.jpg" }, "github": { "repo": "8bsite/repair-shop-website-template", "template_repository": true, "topics": [ "html-template", "website-template", "free-template", "landing-page", "repair-shop", "phone-repair", "local-business", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "tallyhouse", "name": "Tallyhouse", "title": "Tallyhouse, a free accountant website template", "kind": "Website for a small accountancy practice that does bookkeeping, tax returns and payroll", "summary": "A one-page site for a local accountancy firm that serves sole traders and small businesses, with a sample monthly report, services, a tax-year calendar, client stories, team and fixed fees. Flat orange, lavender and sage blocks, hairlines and huge tight type, like an annual report; as you scroll, a black cover spreads over a collage of tinted photos, a dot screen resolves into each service photo, the tax year slides past a line that ticks off each deadline, and the fee blocks rise to their prices.", "fits": [ "accountant or bookkeeper", "tax adviser or payroll bureau", "small professional practice with fixed monthly plans", "any service business that sends clients a regular report" ], "categories": [ "Finance", "Local business" ], "tags": [ "accountant", "bookkeeping", "tax", "payroll", "small business", "professional services", "colour blocks", "editorial", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 112, "photos": 19, "fonts": [ "Google Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: wordmark with the year, section links, Book a free call button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Accounts, kept plainly.", "about": "first screen: a black cover square with headline and two buttons over a collage of eight tinted photos with captions (demo: the trades of the clients), then a black statement screen" }, { "key": "monthly-report", "id": "month", "heading": "Your month, on one page.", "about": "sample one-page report beside four numbered notes (demo: a bakery's September)" }, { "key": "services", "id": "services", "heading": "Three jobs, done every month whether you remember or not.", "about": "three full-width colour slabs, one per service, each with a big name, included list, button and a tinted photo" }, { "key": "switching", "id": "switch", "heading": "Switching takes one phone call.", "about": "how to switch: a large photo, a heading with a highlight and three numbered steps" }, { "key": "tax-year", "id": "year", "heading": "The tax year, handled before it's due.", "about": "pinned horizontal track of twelve months with colour-coded deadline chips (demo: UK tax year April to March)" }, { "key": "client-stories", "id": "cases", "heading": "Three kinds of year, kept.", "about": "three client quotes as split blocks: dark panel with portrait and name, colour panel with the quote" }, { "key": "accountants", "id": "people", "heading": "Four accountants. You will know one of them well.", "about": "team of four: portraits, names and what each looks after" }, { "key": "questions", "id": "faq", "heading": "Questions people ask before they switch.", "about": "questions and answers on a sage ground (native
)" }, { "key": "fees", "id": "fees", "heading": "Fixed monthly fees. The height of each block is its price.", "about": "three fixed monthly plans as colour blocks whose heights follow their prices" }, { "key": "contact", "id": "contact", "heading": "Book a free twenty minutes.", "about": "office, phone, email and hours, plus a booking form in a black panel (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "black footer: address and contacts, links, a giant year and a width-filling wordmark, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/accountant-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/accountant-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/accountant-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/accountant-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/accountant-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, the sample report, the deadlines for your country, client stories, team, photos, prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/tallyhouse/", "md": "https://8b.com/templates/tallyhouse.md", "json": "https://8b.com/templates/tallyhouse.json", "demo": "https://8bsite.github.io/accountant-website-template/", "repo": "https://github.com/8bsite/accountant-website-template", "zip": "https://github.com/8bsite/accountant-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=accountant-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/accountant-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/accountant-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/accountant-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/accountant-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/accountant-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/accountant-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/tallyhouse/desktop.webp", "phone": "https://8b.com/templates/tallyhouse/phone.webp", "clip": "https://8b.com/templates/tallyhouse/scroll.mp4", "og": "https://8b.com/templates/tallyhouse/og.jpg" }, "github": { "repo": "8bsite/accountant-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "accountant-website", "accountant-template", "bookkeeping-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "evenkeel", "name": "Evenkeel", "title": "Evenkeel, a free accounting firm website template", "kind": "One-page website for an accounting and bookkeeping firm that works for small businesses", "summary": "A one-page site for a small firm of accountants in Bristol: services, a month of work, clients, fixed fees, team, reviews and a booking form. Swiss and strict: black type on white hung on one hairline rule like a ledger, a turning sphere of client cards, a month drawn as a ruler with a red marker, and the brand's two halves meeting in the footer.", "fits": [ "accounting or bookkeeping firm", "tax adviser or payroll bureau", "small professional practice with fixed fees (lawyer, consultant, financial planner)", "any service business that wants a calm, typographic, black-and-white look" ], "categories": [ "Finance" ], "tags": [ "accounting", "accountant", "bookkeeping", "tax", "payroll", "professional services", "small business", "swiss design", "minimal", "black and white", "typographic", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 86, "photos": 19, "fonts": [ "Host Grotesk" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 121+ (it uses :has(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "round logo mark top-left and a Menu button; full-screen menu with section links, address and phone" }, { "key": "opening", "id": "opening", "heading": "Evenkeel Accountants", "about": "two screens: big type hung on a vertical hairline rule with a booking button, then a black screen with a statement, a paragraph and four photos" }, { "key": "services", "id": "services", "heading": "Four things we keep for you.", "about": "ledger of four services: what the client sends left of the rule, what the firm returns right of it, how often" }, { "key": "month", "id": "month", "heading": "A month on the books", "about": "a month drawn as a ruler: a red marker sweeps across and four dated tasks turn from grey to black" }, { "key": "clients", "id": "clients", "heading": "Clients since 2009", "about": "turning 3D sphere of 28 client cards (names and photos) between the two halves of the title" }, { "key": "prices", "id": "prices", "heading": "Fixed fees, paid monthly.", "about": "fee table: four plans in hairline rows with who each is for, what is included and the monthly fee" }, { "key": "switch", "id": "switch", "heading": "Moving to us takes one afternoon.", "about": "three steps of moving from another accountant, each tile completing with a closing red ring" }, { "key": "team", "id": "team", "heading": "Four people, one desk.", "about": "four team portraits with names, roles and one line each" }, { "key": "principle", "id": "principle", "heading": "", "about": "one large staggered quote on the rule, ending in a red full stop" }, { "key": "faq", "id": "faq", "heading": "Questions we hear every week.", "about": "questions and answers (native
)" }, { "key": "reviews", "id": "reviews", "heading": "What our clients say.", "about": "four client reviews on sheets that stack as you scroll" }, { "key": "contact", "id": "contact", "heading": "Book a free first call.", "about": "opening hours set large in brackets with a small photo, phone, email, address and a call-booking form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "tagline, links, call/email/map icons, the full-width wordmark in two halves, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form", "map" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/accounting-firm-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a website for . Keep the layout, the motion and the single-file format; replace the brand name, copy, client list, team, reviews, prices, photos, links and contacts, adapt the UK tax terms to your country, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/evenkeel/", "md": "https://8b.com/templates/evenkeel.md", "json": "https://8b.com/templates/evenkeel.json", "demo": "https://8bsite.github.io/accounting-firm-website-template/", "repo": "https://github.com/8bsite/accounting-firm-website-template", "zip": "https://github.com/8bsite/accounting-firm-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=accounting-firm-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/accounting-firm-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/accounting-firm-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/evenkeel/desktop.webp", "phone": "https://8b.com/templates/evenkeel/phone.webp", "clip": "https://8b.com/templates/evenkeel/scroll.mp4", "og": "https://8b.com/templates/evenkeel/og.jpg" }, "github": { "repo": "8bsite/accounting-firm-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "accounting-firm-website", "bookkeeping-website", "swiss-design", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "ombrelle", "name": "Ombrelle", "title": "Ombrelle, a free restaurant website template", "kind": "Restaurant website for a brasserie, bistro or bar, with a menu, opening hours and table booking", "summary": "A one-page site for a brasserie and bar on a town square, open from noon to midnight: menu with prices, the day's service times, the bar card, the seating areas and a booking form. Near-white, olive and night grounds with huge uppercase type; a parasol shade moves across the hero table, the page darkens from noon to midnight along a horizontal track and the parasols open on a plan of the house as you scroll.", "fits": [ "brasserie, bistro or neighbourhood restaurant", "café or bar with a terrace", "seafood or market-driven kitchen with a daily menu", "restaurant with lunch and dinner services and table booking" ], "categories": [ "Food and drink" ], "tags": [ "restaurant", "brasserie", "bistro", "bar", "cafe", "menu", "table booking", "food", "uppercase typography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 83, "photos": 23, "fonts": [ "Schibsted Grotesk" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.11/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "header: wordmark, five section links (Book a table last); compact bar on scroll up; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Ombrelle", "about": "first screen: huge wordmark, full-bleed dish photo, Book a table; then the menus intro and a photo pair (demo: brasserie and bar)" }, { "key": "about", "id": "about", "heading": "Lunch that runs into the evening", "about": "olive full-width block: three-line justified heading and a short story" }, { "key": "moments", "id": "moments", "heading": "Ombrelle moments", "about": "photo grid of six with a Follow us link (social feed)" }, { "key": "day", "id": "day", "heading": "Noon to midnight", "about": "opening hours as a horizontal track of five services, ground going from day to night (demo: Lunch, Coffee hour, Aperitivo, Dinner, Last glass)" }, { "key": "carte", "id": "carte", "heading": "The brasserie card", "about": "the menu: courses with dishes, short descriptions and prices, sticky course index and one photo" }, { "key": "market", "id": "market", "heading": "This morning", "about": "five ingredients or suppliers with photos and where each goes on the menu (demo: the day's deliveries)" }, { "key": "bar", "id": "bar", "heading": "After five", "about": "dark bar section: drinks and small plates with prices, two bar photos" }, { "key": "terrace", "id": "terrace", "heading": "Under the parasols", "about": "seating areas with seat counts beside a drawn plan of the house, wide photo of the square" }, { "key": "reviews", "id": "reviews", "heading": "Said at the table", "about": "three guest quotes set large, alternating sides" }, { "key": "contact", "id": "contact", "heading": "Book a table", "about": "booking form and the restaurant's details (address, hours, phone, email)" }, { "key": "footer", "id": "footer", "heading": "", "about": "night footer: four link columns, width-filling wordmark, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "social", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/restaurant-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a restaurant site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, menu, prices, hours, photos, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/ombrelle/", "md": "https://8b.com/templates/ombrelle.md", "json": "https://8b.com/templates/ombrelle.json", "demo": "https://8bsite.github.io/restaurant-website-template/", "repo": "https://github.com/8bsite/restaurant-website-template", "zip": "https://github.com/8bsite/restaurant-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=restaurant-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/restaurant-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/restaurant-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/restaurant-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/ombrelle/desktop.webp", "phone": "https://8b.com/templates/ombrelle/phone.webp", "clip": "https://8b.com/templates/ombrelle/scroll.mp4", "og": "https://8b.com/templates/ombrelle/og.jpg" }, "github": { "repo": "8bsite/restaurant-website-template", "template_repository": true, "topics": [ "html-template", "website-template", "free-template", "restaurant-website", "restaurant-template", "bistro", "cafe-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "loud-kettle", "name": "Loud Kettle", "title": "Loud Kettle, a free brewery website template", "kind": "Website for a craft brewery and taproom: beers on tap, events and table booking", "summary": "A one-page site for a small craft brewery with a taproom in an old tram shed: the tap list, a flight builder, brew day, events and a booking form. Near-black ground, cream tags and loud condensed capitals; an amber disc behind the hero pint floods the second screen, the beer cards fill with colour like glasses as they step down, and the brew-day steps turn on a wheel as you scroll.", "fits": [ "craft brewery or brewpub", "taproom, beer bar or cider house", "distillery, winery or coffee roaster with a tasting room", "any small venue with a menu of products, events and bookings" ], "categories": [ "Food and drink" ], "tags": [ "brewery", "craft beer", "taproom", "bar", "restaurant", "events", "booking", "dark", "bold typography", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 96, "photos": 24, "fonts": [ "Bricolage Grotesque", "Onest" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: two-line wordmark, section links, Book a table button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "The kettle's loud. The beer's louder.", "about": "two-screen hero: headline, product photo on a brand-colour disc with three orbiting photos, then a manifesto sentence on the brand colour (demo: a pint and ingredients)" }, { "key": "no-shortcuts", "id": "no-shortcuts", "heading": "Four things that never go in the kettle", "about": "column of four hanging tag-cards (principles or features) among floating round photos" }, { "key": "on-tap", "id": "on-tap", "heading": "What's pouring", "about": "giant outlined word over five product cards in a staircase, each in its own colour (demo: the beers on tap)" }, { "key": "flights", "id": "flights", "heading": "Build a flight of four. $14", "about": "interactive picker: choose four items into round slots, then save (demo: a beer flight)" }, { "key": "brew-day", "id": "brew-day", "heading": "From grain to glass", "about": "five numbered process steps that turn on a big wheel as you scroll (demo: brew day from grain to glass)" }, { "key": "taproom", "id": "taproom", "heading": "The tram shed", "about": "the venue: heading, lead, one wide and two small photos, three fact cards (demo: hours, dogs, food truck)" }, { "key": "overheard", "id": "overheard", "heading": "Overheard", "about": "testimonials: giant outlined word and a slow scrolling row of six quotes on tag-cards" }, { "key": "faq", "id": "faq", "heading": "Ask the bar", "about": "questions and answers (native
), sticky heading on desktop" }, { "key": "events", "id": "events", "heading": "Loud nights", "about": "list of dated events as ticket rows: date stub, title, text, price and time" }, { "key": "visit", "id": "visit", "heading": "Come thirsty", "about": "contact: photo of the venue, address, hours, phone and email cards, and a booking request form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "Join the Kettle Club", "about": "width-filling outlined wordmark, links, newsletter signup, social icons, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "map", "phone", "email", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/brewery-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/brewery-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/brewery-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/brewery-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/brewery-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, beers, prices, hours, events, quotes, photos, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/loud-kettle/", "md": "https://8b.com/templates/loud-kettle.md", "json": "https://8b.com/templates/loud-kettle.json", "demo": "https://8bsite.github.io/brewery-website-template/", "repo": "https://github.com/8bsite/brewery-website-template", "zip": "https://github.com/8bsite/brewery-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=brewery-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/brewery-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/brewery-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/brewery-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/brewery-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/brewery-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/brewery-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/loud-kettle/desktop.webp", "phone": "https://8b.com/templates/loud-kettle/phone.webp", "clip": "https://8b.com/templates/loud-kettle/scroll.mp4", "og": "https://8b.com/templates/loud-kettle/og.jpg" }, "github": { "repo": "8bsite/brewery-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "brewery-website", "brewery-template", "craft-beer", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "isoline", "name": "Isoline", "title": "Isoline, a free coworking website template", "kind": "Website for a coworking space or members' workspace, with day passes and memberships", "summary": "A one-page site for an invented members' workspace in Leeds with three floors, from a talkative roof down to silent study carrels. Big colour fields of nested stepped bands, like contour lines, mark each floor's depth in orange, blue and violet; on the first scroll you fall into the blue field, prints drop on their wires and the bands fill and open as you read on.", "fits": [ "coworking space or shared office", "quiet study space, library or writers' room", "members' club with day passes and memberships", "any venue with floors, zones or levels to explain" ], "categories": [ "Community" ], "tags": [ "coworking", "workspace", "membership", "shared office", "contour lines", "colour fields", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 153, "photos": 13, "fonts": [ "Funnel Display", "Host Grotesk" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: wordmark, section links, Book a day button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Work at your own depth.", "about": "two screens: headline over a huge colour field with a figure on its edge, then a statement and three anchors on the field's colour" }, { "key": "depths", "id": "depths", "heading": "Three depths. Pick one each morning.", "about": "three hanging posters, one per zone or level, each with its own colour field, photo and caption (demo: the three floors)" }, { "key": "day", "id": "day", "heading": "The building has a day of its own.", "about": "daily schedule beside a sticky colour dial (demo: a weekday from 7:30 to 21:00)" }, { "key": "rooms", "id": "rooms", "heading": "Rooms, in order of descent.", "about": "list of rooms indented by level, each with a small hanging photo" }, { "key": "rules", "id": "rules", "heading": "Three rules, posted at the stairs.", "about": "three short house rules inside a V-shaped cross-section of bands" }, { "key": "members", "id": "members", "heading": "Who works down here.", "about": "four members with photo, name, job and a quote, each under a small colour field" }, { "key": "evenings", "id": "evenings", "heading": "Surfacing, on Thursday evenings.", "about": "list of upcoming events with date, time, title, speaker, place and a Save a seat link (demo: Thursday talks)" }, { "key": "made", "id": "made", "heading": "Finished at depth.", "about": "table of works members finished, each with a small stepped colour swatch" }, { "key": "plans", "id": "plans", "heading": "How deep a membership goes.", "about": "three pricing plans as colour fields whose band count shows how much each includes" }, { "key": "visit", "id": "visit", "heading": "Come down for a day.", "about": "contact: address, hours, phone, email, a drawn contour map and a tour request form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "tagline with address, links, wordmark, copyright and the Design: 8B credit, hours line" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/coworking-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, dates, member names, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/isoline/", "md": "https://8b.com/templates/isoline.md", "json": "https://8b.com/templates/isoline.json", "demo": "https://8bsite.github.io/coworking-website-template/", "repo": "https://github.com/8bsite/coworking-website-template", "zip": "https://github.com/8bsite/coworking-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=coworking-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/coworking-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/coworking-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/isoline/desktop.webp", "phone": "https://8b.com/templates/isoline/phone.webp", "clip": "https://8b.com/templates/isoline/scroll.mp4", "og": "https://8b.com/templates/isoline/og.jpg" }, "github": { "repo": "8bsite/coworking-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "coworking", "coworking-space", "coworking-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "hopla", "name": "Hopla", "title": "Hopla, a free trampoline park website template", "kind": "Website for a trampoline park or indoor family activity venue", "summary": "A one-page site for an indoor trampoline park with zones, sessions, birthday parties, a café, a league table, prices and booking. Cream, red and yellow fields with wobbly trampoline-bed edges and big condensed type; the page bounces as you scroll: a jumper is launched off the first screen, photo discs hop down the zone list and a red ball hops along the party route.", "fits": [ "trampoline park or bounce centre", "indoor play centre or soft play", "climbing, ninja or adventure park", "kids' party venue", "any family leisure venue with sessions, passes and bookings" ], "categories": [ "Local business" ], "tags": [ "trampoline park", "leisure", "family", "kids", "birthday parties", "booking", "playful", "colourful", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 126, "photos": 28, "fonts": [ "Bricolage Grotesque", "Playpen Sans", "Rethink Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/MotionPathPlugin.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "fixed top bar: wordmark, Book button, Menu button opening a full-screen link overlay with contacts" }, { "key": "opening", "id": "opening", "heading": "Bounce at Hopla, the trampoline park in Sheffield", "about": "first screen: one giant word with a photo of a jumper in front, wordmark, two stickers, two short texts; then a red panel with heading, button and three tilted photos" }, { "key": "zones", "id": "zones", "heading": "One roof, six ways off the ground", "about": "list of six activity zones in a zig-zag: big name, one line, age sticker, round photo (demo: trampoline zones)" }, { "key": "airtime", "id": "airtime", "heading": "The best bit is the middle", "about": "full-width photo with a two-line statement held on screen while you scroll" }, { "key": "sessions", "id": "sessions", "heading": "One shed, five crowds", "about": "timetable of five sessions as tickets: time, name, text, ages, photo (ground turns from morning yellow to night)" }, { "key": "parties", "id": "parties", "heading": "Birthday parties, sorted", "about": "birthday parties: heading, text, price line, button, and a five-step route with numbered tilted photos" }, { "key": "landing", "id": "landing", "heading": "The Landing", "about": "on-site café: wide photo, round coffee photo, sticker, text, short price list" }, { "key": "league", "id": "league", "heading": "Ninja Wall League", "about": "ranking table of six results on a dark field, with heading, text, entry link and photo (demo: ninja wall times)" }, { "key": "rules", "id": "rules", "heading": "House rules, short version", "about": "red wall of five tilted rule stickers and one photo (house rules)" }, { "key": "prices", "id": "prices", "heading": "Pick a pass", "about": "five ticket-shaped passes with name, price and one line, plus two buttons" }, { "key": "faq", "id": "faq", "heading": "Asked a lot", "about": "questions and answers (native
) next to a heading and a phone line" }, { "key": "contact", "id": "contact", "heading": "Come and jump", "about": "address, opening hours, phone, email, directions and a booking request form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "links, address and phone, copyright with the Design: 8B credit, a giant outlined HOPLA wordmark with three round photos" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/trampoline-park-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, hours, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/hopla/", "md": "https://8b.com/templates/hopla.md", "json": "https://8b.com/templates/hopla.json", "demo": "https://8bsite.github.io/trampoline-park-website-template/", "repo": "https://github.com/8bsite/trampoline-park-website-template", "zip": "https://github.com/8bsite/trampoline-park-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=trampoline-park-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/trampoline-park-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/trampoline-park-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/trampoline-park-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/hopla/desktop.webp", "phone": "https://8b.com/templates/hopla/phone.webp", "clip": "https://8b.com/templates/hopla/scroll.mp4", "og": "https://8b.com/templates/hopla/og.jpg" }, "github": { "repo": "8bsite/trampoline-park-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "trampoline-park", "trampoline-park-website", "family-entertainment-center", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "burrow", "name": "Burrow", "title": "Burrow, a free veterinary website template", "kind": "Website for a veterinary clinic or animal hospital", "summary": "A one-page site for a neighbourhood vet clinic that sees dogs, cats, rabbits, birds and reptiles, with services, vets, prices, recent patients and a visit request form. Warm cream and dark brown with six muted accent colours; a set of flat shapes (arch, circle, diamond, plus) does the moving: the small coral arch grows into a doorway on the first scroll, colour panels are dealt out like cards and the patient cards roll past like a wheel.", "fits": [ "veterinary clinic or animal hospital", "exotic-pet or specialist vet practice", "pet groomer, boarding or other pet-care business", "any small local clinic with a team, services and a price list" ], "categories": [ "Local business" ], "tags": [ "veterinary", "vet clinic", "animal hospital", "pets", "local business", "clinic", "price list", "warm", "playful shapes", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 104, "photos": 26, "fonts": [ "Google Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: arch logo and wordmark, section links, Book a visit button; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Calm, thorough, kind. Vet care for every animal.", "about": "first screen: headline, two buttons, wide photo and floating shapes; second screen: four numbered steps of a visit on a coral arch" }, { "key": "clinic-sides", "id": "doors", "heading": "Two doors. Cats never wait with dogs.", "about": "two arch-cut photos either side of the copy (demo: separate cat and dog sides of the clinic)" }, { "key": "species", "id": "species", "heading": "Small, scaly, feathered or furry.", "about": "four overlapping colour panels, one per group (demo: animals the clinic treats)" }, { "key": "services", "id": "care", "heading": "What we do here.", "about": "list of six services, each row with a photo, text and a short note" }, { "key": "team", "id": "team", "heading": "Who you’ll meet in the room.", "about": "four people with portraits, role and one line (demo: vets and head nurse)" }, { "key": "patients", "id": "patients", "heading": "This month at Burrow.", "about": "pinned horizontal row of seven cards (demo: patients of the month, name, breed, age, why they came)" }, { "key": "prices", "id": "prices", "heading": "Prices you see before we start.", "about": "dark band: price list (service, what is included, price) and a note on estimates" }, { "key": "story", "id": "story", "heading": "On Lombard Street since 2014.", "about": "sticky building photo beside three dated paragraphs (demo: the clinic's history)" }, { "key": "faq", "id": "faq", "heading": "Before you come in.", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Come in.", "about": "coral arch panel: address, phone, email, hours, photo and a visit request form" }, { "key": "footer", "id": "footer", "heading": "", "about": "rounded panel: brand line, address, three link columns, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "map", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/veterinary-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a veterinary clinic site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, staff, patient stories, prices, hours, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/burrow/", "md": "https://8b.com/templates/burrow.md", "json": "https://8b.com/templates/burrow.json", "demo": "https://8bsite.github.io/veterinary-website-template/", "repo": "https://github.com/8bsite/veterinary-website-template", "zip": "https://github.com/8bsite/veterinary-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=veterinary-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/veterinary-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/veterinary-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/veterinary-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/burrow/desktop.webp", "phone": "https://8b.com/templates/burrow/phone.webp", "clip": "https://8b.com/templates/burrow/scroll.mp4", "og": "https://8b.com/templates/burrow/og.jpg" }, "github": { "repo": "8bsite/veterinary-website-template", "template_repository": true, "topics": [ "html-template", "veterinary-website", "veterinary-template", "vet-clinic", "landing-page", "website-template", "free-template", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "ashlar", "name": "Ashlar Build", "title": "Ashlar Build, a free construction company website template", "kind": "One-page website for a construction company: a home renovation and extension contractor", "summary": "A one-page site for a Brooklyn builder that does kitchens, bathrooms, lofts, rear extensions and restoration, with services and prices, a survey, finished work, crew, reviews and a site-visit form. Strict black, white and grey with one red for measuring marks; a wall of grey blocks comes apart into the room photo, scattered photos settle into a contact sheet and the word \"Fixed\" condenses as you scroll.", "fits": [ "builder, general contractor or renovation company", "kitchen, bathroom or loft conversion specialist", "architect or design-and-build practice", "any trade business that quotes from a site visit" ], "categories": [ "Architecture and building", "Local business" ], "tags": [ "construction", "contractor", "renovation", "builder", "home improvement", "architecture", "monochrome", "minimal", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 107, "photos": 30, "fonts": [ "Host Grotesk", "TikTok Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "top bar: wordmark, current chapter with previous/next arrows, Book a visit, Index overlay" }, { "key": "opening", "id": "opening", "heading": "Homes rebuilt in the right order.", "about": "first screen: headline, lead, two buttons and a wall of grey blocks; second screen: room photo with a statement panel and three facts" }, { "key": "services", "id": "services", "heading": "Five kinds of job, one way of working", "about": "list of services with duration and starting price beside a sticky photo frame (demo: kitchens, bathrooms, lofts, extensions, restoration)" }, { "key": "survey", "id": "survey", "heading": "A fixed price, from a measured survey.", "about": "how quoting works: a measured photo with red dimension lines and four numbered notes" }, { "key": "work", "id": "work", "heading": "Rooms we handed back", "about": "black gallery: twelve project photos with room and neighbourhood captions" }, { "key": "materials", "id": "materials", "heading": "Five materials we keep coming back to", "about": "five material strips with a photo, name and use (demo: plaster, oak, marble, slate, steel)" }, { "key": "process", "id": "process", "heading": "Built in the order a house is built", "about": "five work stages laid as blocks of a wall, each with a week range" }, { "key": "promise", "id": "promise", "heading": "Fixed", "about": "guarantees: one huge condensed word and three written promises" }, { "key": "crew", "id": "crew", "heading": "The people who quote are the people on site", "about": "team row: five portraits at varied heights with name and trade, Shuffle button" }, { "key": "reviews", "id": "reviews", "heading": "What people say after handover", "about": "four client quotes on grey-to-black cards that stack as you scroll" }, { "key": "faq", "id": "faq", "heading": "Before you call", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Book a site visit", "about": "site-visit request: address, phone, email, hours, a photo and a form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "black footer: big back-to-top link, address, contacts, section links, licence line, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/construction-company-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos (use your own projects and team), prices, links and contacts, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/ashlar/", "md": "https://8b.com/templates/ashlar.md", "json": "https://8b.com/templates/ashlar.json", "demo": "https://8bsite.github.io/construction-company-website-template/", "repo": "https://github.com/8bsite/construction-company-website-template", "zip": "https://github.com/8bsite/construction-company-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=construction-company-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/construction-company-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/construction-company-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/construction-company-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/ashlar/desktop.webp", "phone": "https://8b.com/templates/ashlar/phone.webp", "clip": "https://8b.com/templates/ashlar/scroll.mp4", "og": "https://8b.com/templates/ashlar/og.jpg" }, "github": { "repo": "8bsite/construction-company-website-template", "template_repository": true, "topics": [ "html-template", "website-template", "free-template", "landing-page", "construction-website", "contractor-website", "renovation-website", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }, { "slug": "moth-marigold", "name": "Moth & Marigold", "title": "Moth & Marigold, a free florist website template", "kind": "Website for a florist or flower shop with delivery, standing orders, events and workshops", "summary": "A one-page site for an evening-delivery flower shop: stems of the week, arrangements, delivery, weekly orders, events, growers, workshops, a care column and an order form. Blush and chocolate grounds with hot-pink script lines; the night rises over the first screen as a dome, the delivery hours slide past on a track that darkens from blush to chocolate, and event photos gather from a loose pile into a board.", "fits": [ "florist or flower shop", "flower delivery or subscription service", "wedding and event florist", "flower farm or farm stand that sells direct", "any small shop with weekly stock, a delivery window and workshops" ], "categories": [ "Shop", "Local business" ], "tags": [ "florist", "flower shop", "flower delivery", "wedding florist", "small business", "local shop", "blush", "script type", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 100, "photos": 27, "fonts": [ "Brygada 1918", "Playwrite US Trad", "TikTok Sans" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.4/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "top bar: brand mark and name, section links, Order for tonight button; phone menu overlay with address, hours and phone" }, { "key": "opening", "id": "opening", "heading": "Moth and Marigold", "about": "first screen: width-filling brand wordmark, two taglines, two actions and a shop photo; then a dark statement screen (demo: \"after five\")" }, { "key": "season", "id": "season", "heading": "What the fields sent", "about": "this week's stock: six items with source, distance and price, beside one held photo frame (demo: flower stems)" }, { "key": "work", "id": "work", "heading": "Flowers that moved in", "about": "portfolio grid of six arrangements, each with a title and a place/month caption" }, { "key": "dusk", "id": "dusk", "heading": "Cut at five, at your door by nine", "about": "how delivery works: five hour panels (5 pm to 9 pm) on a horizontal track, each a shade darker" }, { "key": "standing", "id": "standing", "heading": "The same evening, every week", "about": "price list of three weekly subscriptions as table rows (demo: The Jar, The Mantel, The Lobby)" }, { "key": "events", "id": "events", "heading": "Big flowers for long tables", "about": "event services with prices and lead times, a button, and a board of six event photos" }, { "key": "growers", "id": "growers", "heading": "Grown within two hundred miles", "about": "suppliers placed on a 0 to 200 mile scale by distance (demo: seven flower growers)" }, { "key": "school", "id": "school", "heading": "Two hours at the bench after closing", "about": "workshops: four dated classes with price and seats left, a booking button and one photo (demo: Thursday night school)" }, { "key": "notes", "id": "notes", "heading": "Dear Marigold", "about": "journal or blog: one featured post beside a tall photo, two shorter posts (demo: \"Dear Marigold\" care column)" }, { "key": "faq", "id": "faq", "heading": "Before you order", "about": "questions and answers (native
)" }, { "key": "contact", "id": "contact", "heading": "Tell us who they're for", "about": "order form on a card over a shop photo, with address, hours, phone and email" }, { "key": "footer", "id": "footer", "heading": "", "about": "large brand mark built from three blocks, link columns, address and contacts, copyright and the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "social", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/florist-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a florist or flower shop site for . Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, dates, growers, links and contacts, remove sections you do not need, and recolour it through the CSS variables if needed." }, "links": { "page": "https://8b.com/templates/moth-marigold/", "md": "https://8b.com/templates/moth-marigold.md", "json": "https://8b.com/templates/moth-marigold.json", "demo": "https://8bsite.github.io/florist-website-template/", "repo": "https://github.com/8bsite/florist-website-template", "zip": "https://github.com/8bsite/florist-website-template/archive/refs/heads/main.zip", "use": "https://github.com/new?template_name=florist-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/florist-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/florist-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/moth-marigold/desktop.webp", "phone": "https://8b.com/templates/moth-marigold/phone.webp", "clip": "https://8b.com/templates/moth-marigold/scroll.mp4", "og": "https://8b.com/templates/moth-marigold/og.jpg" }, "github": { "repo": "8bsite/florist-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "free-template", "florist-website", "florist-template", "flower-shop", "html5", "css", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "no-build", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } } ] }