{ "slug": "squiggle", "name": "Squiggle", "title": "Free toy store website template", "description": "Free HTML toy store website template for independent toy shops with repairs, workshops and gift lists. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for an independent toy shop and its workshops, repairs and gift lists", "summary": "A one-page site for an independent toy shop in Brighton: a promise and a sliding photo puzzle, six shelves sorted by question, five child testers, a repair counter with prices, four Saturday workshops, a swap box, birthday lists, opening hours, questions and a contact form. Candy yellow, pink, lime and cobalt on white, rounded cards with notched corners and a wavy blue ribbon.", "fits": [ "independent toy shop or children's bookshop", "kids' activity space, workshop or party venue", "any small shop with services around its products (repairs, swaps, gift lists)", "playful brands that want a bright, rounded, candy look" ], "categories": [ "Shop", "Local business" ], "tags": [ "toy shop", "kids", "children's store", "retail", "gift shop", "workshops", "family business", "playful", "colorful", "rounded cards", "puzzle", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 107, "photos": 23, "fonts": [ "Gabarito", "Playpen 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/MotionPathPlugin.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": "wavy logo and wordmark top-left; five section links on wide screens, a Menu button and full-screen overlay on phones" }, { "key": "opening", "id": "opening", "heading": "No toy gets a shelf until a kid has tried to break it.", "about": "one held screen: the shop's promise, a lead and two links beside a 3 by 3 photo puzzle that solves itself as you scroll" }, { "key": "shelves", "id": "shelves", "heading": "Shelved by the question, not the age", "about": "six shelf blocks, each a question kids ask, with a category pill, a line of examples and a square toy photo" }, { "key": "squad", "id": "squad", "heading": "Meet the Test Squad", "about": "five trading cards of child testers, each with an age tab, photo, role and a handwritten verdict" }, { "key": "hospital", "id": "hospital", "heading": "The toy hospital", "about": "the toy repair counter: a coloured card with five tilted price tags beside two photos" }, { "key": "tinker", "id": "tinker", "heading": "The Saturday tinker table", "about": "four free Saturday workshops strung on a blue ribbon, with a ball that rolls down it" }, { "key": "swap", "id": "swap", "heading": "The swap box", "about": "trade-in credit: heading, three rule pills and a ribbon beside a photo of old toys with a magnifying lens" }, { "key": "gifts", "id": "gifts", "heading": "Birthday lists that actually work", "about": "birthday lists in three steps on a candy card with two photos and a burst sticker" }, { "key": "shop", "id": "shop", "heading": "1 Example Street", "about": "shopfront photo behind four colour shutters, address, directions button and opening hours" }, { "key": "faq", "id": "faq", "heading": "Questions grown-ups ask", "about": "five questions and answers in native details elements" }, { "key": "contact", "id": "contact", "heading": "Come and play", "about": "shop address, phone, email and hours note beside an enquiry form (placeholders)" }, { "key": "footer", "id": "footer", "heading": "", "about": "full-width wordmark with a wavy ribbon, five links and the copyright with the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "map", "phone", "email", "form" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/toy-store-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the shop name, promise, shelves, prices, dates, hours and photos. Keep the section ids, the classes AGENTS.md lists, nine puzzle tiles in a 3 by 3 grid and the footer wordmark's len set to the new name's length. Ask me for missing facts; never invent prices, dates, tester names, hours or contacts." }, "links": { "page": "https://8b.com/templates/squiggle/", "md": "https://8b.com/templates/squiggle.md", "json": "https://8b.com/templates/squiggle.json", "demo": "https://8b.com/templates/squiggle/demo.html", "ghDemo": "https://8bsite.github.io/toy-store-website-template/", "repo": "https://github.com/8bsite/toy-store-website-template", "zip": "https://8b.com/templates/squiggle/toy-store-website-template.zip", "use": "https://github.com/new?template_name=toy-store-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/toy-store-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/toy-store-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/toy-store-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/squiggle/desktop.webp", "phone": "https://8b.com/templates/squiggle/phone.webp", "clip": "https://8b.com/templates/squiggle/scroll.mp4", "og": "https://8b.com/templates/squiggle/og.jpg", "design_md": "https://8b.com/templates/squiggle/DESIGN.md" }, "github": { "repo": "8bsite/toy-store-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "toy-shop-website", "kids-shop-website", "retail-website", "colorful-design", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }