1<!DOCTYPE html><html lang="en" class="__variable_f367f3 __variable_01ae00 __variable_6d24ac"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" href="/_next/static/media/558ca1a6aa3cb55e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9d5a263311222317-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flogo.png&w=128&q=75 1x, /_next/image?url=%2Fimages%2Flogo.png&w=256&q=75 2x"/><link rel="stylesheet" href="/_next/static/css/a986d0e4d074dfaa.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/53034efcaa0ce3e1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-4c350b92015dd571.js"/>
1<script src="/_next/static/chunks/4bd1b696-f785427dddbba9fb.js" async=""></script>
1<script src="/_next/static/chunks/1255-4dab8c2be44ef41e.js" async=""></script>
1<script src="/_next/static/chunks/main-app-5be5442996d456bc.js" async=""></script>
1<script src="/_next/static/chunks/2619-3c9e02e22d10480a.js" async=""></script>
1<script src="/_next/static/chunks/5239-d16beac432183c22.js" async=""></script>
1<script src="/_next/static/chunks/7822-f373a59f8386f979.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-6b8c6aeb269cfa22.js" async=""></script>
1<script src="/_next/static/chunks/c15bf2b0-bfa95b308e62c6cc.js" async=""></script>
1<script src="/_next/static/chunks/7605-969a9ba5b90a2cdb.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-d5843b8d367a1405.js" async=""></script>
1<script src="/_next/static/chunks/5580-534ce11408ffe2f7.js" async=""></script>
1<script src="/_next/static/chunks/2691-f66c36a9890e252e.js" async=""></script>
1<script src="/_next/static/chunks/373-0aff6061110ba0a1.js" async=""></script>
1<script src="/_next/static/chunks/2703-42112df5642b5819.js" async=""></script>
1<script src="/_next/static/chunks/1167-62544807c20f22d4.js" async=""></script>
1<script src="/_next/static/chunks/9721-4b26ddff0a0a026e.js" async=""></script>
1<script src="/_next/static/chunks/9234-fe6598818d2438fb.js" async=""></script>
1<script src="/_next/static/chunks/app/page-da6d3ff5b6a93f28.js" async=""></script>
1<link rel="preload" href="https://aromatic-caribou-889.convex.site/api/a/am_a9IhkhYx0aM0VMni" as="script"/><link rel="preload" href="https://accounts.google.com/gsi/client" as="script"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#F8FAFC"/><title>AI App Builder to Build & Deploy Apps | WebTwizz</title><meta name="description" content="Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free."/><meta name="author" content="WebTwizz"/><meta name="keywords" content="AI app builder,no-code app builder,app builder,build an app without coding,app creator,visual app builder,drag and drop app builder,create an app online"/><meta name="creator" content="WebTwizz"/><meta name="publisher" content="WebTwizz"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="Technology"/><link rel="canonical" href="https://webtwizz.com"/><meta property="og:title" content="AI App Builder to Build & Deploy Apps | WebTwizz"/><meta property="og:description" content="Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free."/><meta property="og:url" content="https://webtwizz.com"/><meta property="og:site_name" content="WebTwizz"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://webtwizz.com/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="WebTwizz - Build apps in minutes with AI. Edit visually."/><meta property="og:image:type" content="image/png"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@webtwizz"/><meta name="twitter:title" content="AI App Builder to Build & Deploy Apps | WebTwizz"/><meta name="twitter:description" content="Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free."/><meta name="twitter:image" content="https://webtwizz.com/og-image.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:alt" content="WebTwizz - Build apps in minutes with AI. Edit visually."/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><link rel="icon" href="/favicon.ico"/><style> 2 html { background-color: #F8FAFC; } 3 body { 4 background-color: #F8FAFC; 5 color: #0F172A; 6 margin: 0; 7 min-height: 100vh; 8 -webkit-font-smoothing: antialiased; 9 -moz-osx-font-smoothing: grayscale; 10 } 11 </style>
11<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://webtwizz.com/#organization","name":"WebTwizz","url":"https://webtwizz.com","description":"WebTwizz is the AI app builder for non-technical founders. Describe an app and get a real, working full-stack app you own, with auth, database, payments, and one-click deploy.","logo":{"@type":"ImageObject","url":"https://webtwizz.com/images/logo.png"},"sameAs":["https://x.com/webtwizz","https://github.com/webtwizz","https://docs.webtwizz.com"],"founder":{"@id":"https://webtwizz.com/#founder"},"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":"English"}},{"@type":"Person","@id":"https://webtwizz.com/#founder","name":"Ahmed Abdelfattah","jobTitle":"Founder","worksFor":{"@id":"https://webtwizz.com/#organization"},"url":"https://x.com/theahmedwalid","sameAs":["https://x.com/theahmedwalid"]},{"@type":"WebSite","@id":"https://webtwizz.com/#website","url":"https://webtwizz.com","name":"WebTwizz","description":"AI-powered app builder that turns your ideas into functional web applications instantly","inLanguage":"en-US","publisher":{"@id":"https://webtwizz.com/#organization"},"image":"https://webtwizz.com/images/builder-v3.png"},{"@type":"SoftwareApplication","@id":"https://webtwizz.com/#software","name":"WebTwizz","url":"https://webtwizz.com","applicationCategory":"DeveloperApplication","applicationSubCategory":"AI App Builder","operatingSystem":"Web","description":"AI app builder that creates functional full-stack web applications in minutes without coding. Generate with AI, refine in a visual editor, edit the source code you own, and publish in one click.","image":"https://webtwizz.com/images/builder-v3.png","screenshot":"https://webtwizz.com/images/builder-v3.png","publisher":{"@id":"https://webtwizz.com/#organization"},"featureList":["AI generation of full-stack apps from a prompt","Visual editor with click-to-edit on any element","Editable source code you fully own","Connectors: Supabase, Stripe, GitHub, Google Analytics, Resend, OpenAI, Anthropic and more","Auth, database, and payments wired up automatically","One-click publish to a custom domain"],"offers":{"@type":"AggregateOffer","priceCurrency":"USD","lowPrice":"0","highPrice":"50","offerCount":"3","description":"Free tier with 10 daily credits plus a 100-credit signup bonus (no card required), then paid plans from $25/mo."}}]}</script>
11<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('consent', 'default', {\n 'analytics_storage': 'denied',\n 'ad_storage': 'denied',\n 'ad_user_data': 'denied',\n 'ad_personalization': 'denied',\n 'functionality_storage': 'granted',\n 'security_storage': 'granted',\n 'wait_for_update': 500\n });\n ","id":"consent-mode-default"}])</script>
11<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
11</head><body class="font-sans antialiased bg-background-default text-text-primary min-h-screen relative"><div hidden=""><!--$--><!--/$--></div>
vendor: 67 bytes, line 11
11<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
11GTM-5HMFGL4
vendor: 82 bytes, line 11
11" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
11<header class="fixed inset-x-0 top-0 z-50 border-b transition-[background-color,border-color,box-shadow] duration-300 border-transparent bg-transparent"><nav class="mx-auto grid h-16 max-w-6xl grid-cols-[1fr_auto_1fr] items-center px-5"><a class="hero-nav-item col-start-1 flex h-full items-center justify-self-start" style="animation-delay:0.04s" aria-label="WebTwizz home" href="/"><img alt="WebTwizz" width="110" height="26" decoding="async" data-nimg="1" class="h-6 w-auto -translate-y-[2px] transition-[filter] duration-300 " style="color:transparent;width:auto;height:auto" srcSet="/_next/image?url=%2Fimages%2Flogo.png&w=128&q=75 1x, /_next/image?url=%2Fimages%2Flogo.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo.png&w=256&q=75"/></a><div class="nav-rail relative col-start-2 hidden items-center gap-1 justify-self-center md:flex"><span aria-hidden="true" class="nav-pill"></span><a data-nav-item="true" style="animation-delay:0.1s" class="hero-nav-item relative rounded-lg px-3.5 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]" href="/features">Features</a><div class="hero-nav-item group relative" style="animation-delay:0.14s"><button type="button" data-nav-item="true" aria-haspopup="true" aria-expanded="false" class="relative inline-flex items-center gap-1 rounded-lg px-3.5 py-2 text-[14px] font-medium transition-colors text-[var(--color-text-secondary)]">Use cases<svg viewBox="0 0 12 12" fill="none" aria-hidden="true" class="mt-px h-3 w-3 text-[var(--color-text-disabled)] transition-transform duration-150 "><path d="M2.5 4.5L6 8l3.5-3.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="absolute left-1/2 top-full z-50 -translate-x-1/2 pt-2 transition-all duration-150 invisible translate-y-1 opacity-0"><div class="min-w-[212px] rounded-xl border border-slate-200/80 bg-white p-1.5 shadow-[0_12px_32px_rgba(15,23,42,0.12),0_2px_6px_rgba(15,23,42,0.05)]"><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build-saas-with-ai">SaaS apps</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build-crm-with-ai">CRMs</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build-dashboard-with-ai">Dashboards</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build/ai-chatbot-knowledge-base">AI chatbots</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build-booking-app-with-ai">Booking apps</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build-ecommerce-with-ai">Online stores</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/build">All use cases</a></div></div></div><a data-nav-item="true" style="animation-delay:0.18s" class="hero-nav-item relative rounded-lg px-3.5 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]" href="/templates">Templates</a><a data-nav-item="true" style="animation-delay:0.22s" class="hero-nav-item relative rounded-lg px-3.5 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]" href="/connectors">Connectors</a><a data-nav-item="true" style="animation-delay:0.26s" class="hero-nav-item relative rounded-lg px-3.5 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]" href="/pricing">Pricing</a><div class="hero-nav-item group relative" style="animation-delay:0.30000000000000004s"><button type="button" data-nav-item="true" aria-haspopup="true" aria-expanded="false" class="relative inline-flex items-center gap-1 rounded-lg px-3.5 py-2 text-[14px] font-medium transition-colors text-[var(--color-text-secondary)]">Resources<svg viewBox="0 0 12 12" fill="none" aria-hidden="true" class="mt-px h-3 w-3 text-[var(--color-text-disabled)] transition-transform duration-150 "><path d="M2.5 4.5L6 8l3.5-3.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="absolute left-1/2 top-full z-50 -translate-x-1/2 pt-2 transition-all duration-150 invisible translate-y-1 opacity-0"><div class="min-w-[212px] rounded-xl border border-slate-200/80 bg-white p-1.5
11shadow-[0_12px_32px_rgba(15,23,42,0.12),0_2px_6px_rgba(15,23,42,0.05)]"><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/blog">Blog</a><a href="https://docs.webtwizz.com" target="_blank" rel="noopener" class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]">Docs</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/compare">Compare builders</a><a class="block rounded-lg px-3 py-2 text-[14px] font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-slate-50 hover:text-[var(--color-text-primary)]" href="/ai-app-builder">AI app builder</a></div></div></div></div><div class="col-start-3 flex items-center gap-2 justify-self-end"><a href="https://app.webtwizz.com/login" style="animation-delay:0.2s" class="hero-nav-item press hidden h-9 items-center rounded-lg border border-[var(--color-border-button)] bg-[var(--color-background-paper)] px-3.5 text-[14px] font-medium text-[var(--color-text-button)] shadow-[var(--shadow-sm)] hover:bg-slate-50 md:inline-flex">Log in</a><span class="hero-nav-item inline-flex" style="animation-delay:0.24s"><a href="https://app.webtwizz.com/register" class="press inline-flex h-9 items-center rounded-lg border border-[var(--color-primary-main)] bg-[var(--color-primary-main)] px-3.5 text-[14px] font-medium text-white shadow-[var(--shadow-button)] hover:border-[var(--color-primary-dark)] hover:bg-[var(--color-primary-dark)] sm:px-4">Start building</a></span><button type="button" aria-label="Open menu" aria-expanded="false" style="animation-delay:0.24s" class="hero-nav-item -mr-1 inline-flex h-10 w-10 items-center justify-center rounded-lg transition-colors md:hidden text-[var(--color-text-primary)] hover:bg-slate-100"><span class="relative block h-4 w-5"><span class="absolute left-0 block h-0.5 w-5 rounded-full bg-current transition-all duration-300 top-0.5"></span><span class="absolute left-0 top-1/2 block h-0.5 w-5 -translate-y-1/2 rounded-full bg-current transition-opacity duration-200 opacity-100"></span><span class="absolute left-0 block h-0.5 w-5 rounded-full bg-current transition-all duration-300 bottom-0.5"></span></span></button></div></nav></header><main class="bg-[var(--color-background-default)]"><section id="hero" class="relative" style="background:var(--color-background-default)"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[148vh] overflow-hidden"><div class="animate-atmo-bloom absolute inset-0" style="-webkit-mask-image:linear-gradient(to top, transparent 0%, #000 12%, #000 42%, rgba(0,0,0,0.4) 58%, transparent 75%);mask-image:linear-gradient(to top, transparent 0%, #000 12%, #000 42%, rgba(0,0,0,0.4) 58%, transparent 75%)"><div class="absolute inset-0" style="background:radial-gradient(95% 60% at 50% 89%, #2F7FF0 0%, #4FA4FF 22%, #7FC7FF 44%, transparent 72%),radial-gradient(70% 44% at 16% 83%, #69D6FF 0%, transparent 56%),radial-gradient(70% 44% at 86% 80%, #3B9EFF 0%, transparent 56%)"></div><div class="absolute inset-0 hidden md:block"></div><div class="absolute inset-0 md:hidden"><div class="atmo-drift-a absolute inset-0" style="background:radial-gradient(48% 40% at 32% 82%, #4FA4FF 0%, transparent 60%)"></div><div class="atmo-drift-b absolute inset-0" style="background:radial-gradient(46% 38% at 72% 86%, #69D6FF 0%, transparent 58%)"></div></div></div><div class="absolute inset-x-0 bottom-0 h-[24vh] md:hidden" style="background:linear-gradient(to top, var(--color-background-default) 0%, var(--color-background-default) 8%, transparent 100%)"></div></div><div class="relative z-10 mx-auto flex w-full max-w-4xl flex-col items-center px-6 pt-44 text-center sm:px-5 sm:pt-48"><h1 aria-label="Turn a thought into a working app" class="mx-auto mb-7 flex max-w-3xl flex-wrap justify-center gap-x-[0.28em] font-bold leading-[1.0] tracking-[-0.035em] text-[var(--color-text-primary)] sm:mb-6" style="font-size:clamp(1.875rem, 3.2vw + 1rem, 3.5rem)"><span aria-hidden="true" class="hero-focus" style="animation-delay:0.18s">Turn</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.22999999999999998s">a</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.28s">thought</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.33s">into</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.38s">a</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.43s">working</span> <span aria-hidden="true" class="hero-focus" style="animation-delay:0.48000000000000004s">app</span></h1><p class="hero-rise mb-11 max-w-xl text-lg font-medium leading-relaxed text-[var(--color-text-secondary)] sm:mb-9" style="animation-delay:0.5s">WebTwizz is an AI app builder. Describe your idea and it builds a real app, logins, databases, payments and all. No code.</p><div class="hero-box w-full max-w-[760px]" style="animation-delay:0.62s"><div class="w-full"><div class=" relative flex flex-col gap-1 rounded-2xl border border-[var(--color-border-button)] bg-[var(--color-background-paper)] shadow-[0_20px_56px_-18px_rgba(8,40,90,0.45)] rounded-2xl p-3 "><textarea rows="1" spellCheck="false" placeholder="Build me a dashboard to track my sales and customers..." aria-label="Describe the app you want to build" class="scrollbar-hide w-full resize-none bg-transparent text-left leading-relaxed text-[var(--color-text-input)] outline-none placeholder:text-[var(--color-text-input-placeholder)] text-[16px] min-h-[80px] px-2 pt-2 pb-1.5" style="max-height:220px"></textarea><div class="flex items-center justify-between"><div class="flex items-center gap-1"><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Attach files - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M12 5v14M5 12h14"></path></svg></button><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Cho
11ose Chat, Normal, or Max mode - available in the app" class="inline-flex cursor-not-allowed items-center gap-1 rounded-lg font-medium text-[var(--color-text-button)] opacity-60 h-9 px-3 text-[13px]"><svg viewBox="0 0 24 24" fill="currentColor" class="h-[15px] w-[15px]"><path d="M13 2 4.5 13.5H11L10 22l8.5-11.5H12L13 2z"></path></svg>Normal<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 opacity-60"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="flex items-center gap-1.5"><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Enhance prompt - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M9 18h6M10 22h4"></path><path d="M12 2a7 7 0 0 0-4 12.6c.6.5 1 1.3 1 2.1V18h6v-1.3c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z"></path></svg></button><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Voice input - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><rect x="9" y="2" width="6" height="12" rx="3"></rect><path d="M19 10v1a7 7 0 0 1-14 0v-1M12 18v4"></path></svg></button><button type="button" disabled="" aria-label="Build app" title="Send" class="inline-flex items-center justify-center rounded-lg text-white transition-[opacity,transform] duration-150 enabled:hover:opacity-90 enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-40 h-9 w-9" style="background:var(--color-primary-main)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M12 19V5M5 12l7-7 7 7"></path></svg></button></div></div></div><div class="mt-3.5 flex flex-wrap justify-center gap-2"><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.85s">Online store</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.9s">Booking site</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.95s">Dashboard</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:1s">Portfolio</button></div></div></div><div class="hero-rise mt-7 text-[15px] font-medium text-[var(--color-text-secondary)] sm:mt-6" style="animation-delay:0.92s">Get started for free, no credit card needed.</div></div><div class="relative z-10 mx-auto mt-16 w-full max-w-[1228px] px-4 pb-24 sm:mt-[90px] sm:px-6 sm:pb-[120px]"><div class="mx-auto w-full max-w-[1180px]" style="aspect-ratio:1180 / 720"></div></div></section><section id="how" class="bg-white px-6 py-16 sm:px-8 sm:py-24 lg:py-28"><div class="mx-auto w-full max-w-6xl"><div class=" "><div class="mt-6 "><div class="relative "><h2 class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">From</span></span> <span class="word"><span style="--d:42ms">a</span></span> <span class="word"><span style="--d:84ms">sentence</span></span> <span class="word"><span style="--d:126ms">to</span></span> <span class="word"><span style="--d:168ms">something</span></span> <span class="word"><span style="--d:210ms">
11you</span></span> <span class="word"><span style="--d:252ms">can</span></span> <span class="word"><span style="--d:294ms">ship.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">how it works</span></div></div></div><p class="mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 ">Describe it, change it, connect your data, ship it. All in one place.</p></div><div class="mt-10 lg:mt-14"><div style="aspect-ratio:1180 / 720"></div></div></div></section><section id="features" class="scroll-mt-24 bg-white px-6 py-16 sm:px-8 sm:py-32"><div class="mx-auto max-w-6xl"><div class=" "><div class="mt-6 "><div class="relative "><h2 class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">The</span></span> <span class="word"><span style="--d:42ms">AI</span></span> <span class="word"><span style="--d:84ms">builds</span></span> <span class="word"><span style="--d:126ms">a</span></span> <span class="word"><span style="--d:168ms">real</span></span> <span class="word"><span style="--d:210ms">app.</span></span> <span class="word"><span style="--d:252ms">Then</span></span> <span class="word"><span style="--d:294ms">
11you</span></span> <span class="word"><span style="--d:336ms">shape</span></span> <span class="word"><span style="--d:378ms">every</span></span> <span class="word"><span style="--d:420ms">pixel.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">from data to design</span></div></div></div></div><div class="mt-14 grid grid-cols-1 gap-4 sm:mt-16 sm:grid-cols-2 lg:grid-cols-3 lg:auto-rows-[392px] lg:grid-flow-dense"><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 lg:col-span-2"><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Data</span><h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Wire up real data</h3><p class="mt-1.5 max-w-[36ch] text-[13.5px] leading-[1.5] text-neutral-500">Databases and CMS that power your live app, no backend to set up.</p></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Wire up real data" loading="lazy" width="2874" height="1418" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Fcms.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Fcms.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Fcms.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Fcms.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Fcms.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Fcms.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Fcms.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Fcms.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Fcms.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Fcms.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Fcms.png&w=3840&q=92"/></div></div></article><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 lg:row-span-2"><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Type</span><h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Tune every letter</h3><p class="mt-1.5 max-w-[36ch] text-[13.5px] leading-[1.5] text-neutral-500">Font, size, weight, leading and spacing, all by hand.</p></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Tune every letter" loading="lazy" width="1452" height="2336" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Ftypography.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Ftypography.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Ftypography.png&w=3840&q=92"/></div></div></article><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 "><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Color</span>
11<h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Pick any color</h3></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Pick any color" loading="lazy" width="1180" height="1936" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Fcolor-picker.png&w=3840&q=92"/></div></div></article><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 "><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Components</span><h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Reuse your own blocks</h3><p class="mt-1.5 max-w-[36ch] text-[13.5px] leading-[1.5] text-neutral-500">Save any section and drop it in anywhere.</p></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Reuse your own blocks" loading="lazy" width="564" height="548" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Fcomponents.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Fcomponents.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Fcomponents.png&w=3840&q=92"/></div></div></article><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 lg:col-span-2"><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Images</span><h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Drop in photos</h3><p class="mt-1.5 max-w-[36ch] text-[13.5px] leading-[1.5] text-neutral-500">Pull in free imagery without leaving the canvas.</p></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Drop in photos" loading="lazy" width="3976" height="2456" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Funsplash.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Funsplash.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Funsplash.png&w=3840&q=92"/></div></div></article><article class="relative flex min-h-[420px] flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white lg:min-h-0 "><div class="shrink-0 px-5 pt-5 pb-4"><span class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Pages</span>
11<h3 class="mt-2 text-[16px] font-medium leading-snug tracking-[-0.015em] text-neutral-950">Structure your site</h3></div><div class="relative flex-1"><div class="absolute inset-x-5 bottom-0 top-0.5 overflow-hidden rounded-t-lg border border-b-0 border-neutral-200/80 bg-white shadow-[0_-1px_0_rgba(0,0,0,0.02)]"><img alt="Structure your site" loading="lazy" width="562" height="666" decoding="async" data-nimg="1" class="block h-auto w-full" style="color:transparent" sizes="(max-width: 1024px) 100vw, 40vw" srcSet="/_next/image?url=%2Ffeatures%2Fpages.png&w=256&q=92 256w, /_next/image?url=%2Ffeatures%2Fpages.png&w=384&q=92 384w, /_next/image?url=%2Ffeatures%2Fpages.png&w=640&q=92 640w, /_next/image?url=%2Ffeatures%2Fpages.png&w=750&q=92 750w, /_next/image?url=%2Ffeatures%2Fpages.png&w=828&q=92 828w, /_next/image?url=%2Ffeatures%2Fpages.png&w=1080&q=92 1080w, /_next/image?url=%2Ffeatures%2Fpages.png&w=1200&q=92 1200w, /_next/image?url=%2Ffeatures%2Fpages.png&w=1920&q=92 1920w, /_next/image?url=%2Ffeatures%2Fpages.png&w=2048&q=92 2048w, /_next/image?url=%2Ffeatures%2Fpages.png&w=3840&q=92 3840w" src="/_next/image?url=%2Ffeatures%2Fpages.png&w=3840&q=92"/></div></div></article></div></div></section><section class="bg-[var(--surface-wash)] px-6 sm:px-8 py-16 sm:py-32"><div class="mx-auto hidden max-w-6xl md:block"><div class="relative"><div class="grid grid-cols-12 gap-2.5" style="mask-image:radial-gradient(ellipse 98% 96% at 50% 50%, #000 56%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 98% 96% at 50% 50%, #000 56%, transparent 100%)"><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Stripe" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/stripe"><img alt="Stripe" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fstripe.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fstripe.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fstripe.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="GitHub" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/github"><img alt="GitHub" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fgithub.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fgithub.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fgithub.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="OpenAI" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/openai"><img alt="OpenAI" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fopenai.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fopenai.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fopenai.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Supabase" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/supabase"><img alt="Supabase" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fsupabase.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fsupabase.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fsupabase.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Anthropic" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/anthropic"><img alt="Anthropic" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fanthropic.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fanthropic.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fanthropic.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Google Analytics" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/google-analytics"><img alt="Google Analytics" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/google-analytics.svg"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="MongoDB" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/databases"><img alt="MongoDB" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/mongodb.svg"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Resend" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/resend"><img alt="Resend" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/resend.svg"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="PostHog" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/posthog"><img alt="PostHog" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fposthog.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fposthog.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fposthog.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square"><a aria-label="Sentry" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/sentry"><img alt="Sentry" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fse
11ntry.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fsentry.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fsentry.png&w=640&q=75"/></a></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div><div class="aspect-square rounded-[16px] bg-neutral-200/70"></div></div><div class="pointer-events-none absolute left-1/2 top-1/2 h-64 w-[42rem] -translate-x-1/2 -translate-y-1/2 bg-[radial-gradient(ellipse_at_center,_#fafafa_46%,_transparent_72%)]"></div><div class="pointer-events-none absolute inset-0 flex items-center justify-center px-6"><div class="flex flex-col items-center text-center"><p class="text-[11.5px] font-medium uppercase tracking-[0.08em] text-neutral-400" style="font-family:var(--font-family-mono)">Connectors</p><h2 class="mt-4 max-w-[18ch] text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950" style="font-family:var(--font-family-display)">Works with the tools you already use.</h2><p class="mt-5 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500">
11Payments, database, AI, email and analytics. Connect an account once and every project can use it.</p><a class="pointer-events-auto mt-6 inline-flex h-9 items-center rounded-lg border border-neutral-200 bg-white px-3.5 text-[13.5px] font-medium text-neutral-800 no-underline hover:border-neutral-300 hover:bg-neutral-50" href="/connectors">See all connectors</a></div></div></div></div><div class="mx-auto flex max-w-md flex-col items-center text-center md:hidden"><p class="text-[11.5px] font-medium uppercase tracking-[0.08em] text-neutral-400" style="font-family:var(--font-family-mono)">Connectors</p><p class="mt-4 max-w-[18ch] text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950" style="font-family:var(--font-family-display)">Works with the tools you already use.</p><p class="mt-5 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500">Payments, database, AI, email and analytics. Connect an account once and every project can use it.</p><a class="pointer-events-auto mt-6 inline-flex h-9 items-center rounded-lg border border-neutral-200 bg-white px-3.5 text-[13.5px] font-medium text-neutral-800 no-underline hover:border-neutral-300 hover:bg-neutral-50" href="/connectors">See all connectors</a><div class="mt-10 flex flex-wrap justify-center gap-3"><div class="h-14 w-14"><a aria-label="Stripe" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/stripe"><img alt="Stripe" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fstripe.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fstripe.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fstripe.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="Supabase" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/supabase"><img alt="Supabase" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fsupabase.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fsupabase.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fsupabase.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="OpenAI" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/openai"><img alt="OpenAI" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fopenai.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fopenai.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fopenai.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="Anthropic" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/anthropic"><img alt="Anthropic" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fanthropic.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fanthropic.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fanthropic.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="Resend" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/resend"><img alt="Resend" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/resend.svg"/></a></div><div class="h-14 w-14"><a aria-label="PostHog" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/posthog"><img alt="PostHog" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fposthog.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fposthog.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fposthog.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="Sentry" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 " href="/connectors/sentry"><img alt="Sentry" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fse
11ntry.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fsentry.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fsentry.png&w=640&q=75"/></a></div><div class="h-14 w-14"><a aria-label="Google Analytics" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/google-analytics"><img alt="Google Analytics" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/google-analytics.svg"/></a></div><div class="h-14 w-14"><a aria-label="MongoDB" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/databases"><img alt="MongoDB" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" src="/integrations/mongodb.svg"/></a></div><div class="h-14 w-14"><a aria-label="GitHub" class="pointer-events-auto flex h-full w-full items-center justify-center overflow-hidden rounded-[16px] ring-1 ring-black/[0.06] shadow-[0_1px_3px_rgba(10,10,10,0.06),0_14px_30px_-14px_rgba(10,10,10,0.3)] transition-transform hover:-translate-y-0.5 bg-white" href="/connectors/github"><img alt="GitHub" loading="lazy" width="256" height="256" decoding="async" data-nimg="1" class="h-[56%] w-[56%] object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fintegrations%2Fgithub.png&w=256&q=75 1x, /_next/image?url=%2Fintegrations%2Fgithub.png&w=640&q=75 2x" src="/_next/image?url=%2Fintegrations%2Fgithub.png&w=640&q=75"/></a></div></div></div></section><section class="tpl-ground relative overflow-hidden py-16 sm:py-32"><div class="relative mx-auto mb-14 flex max-w-6xl items-end justify-between gap-8 px-6 sm:px-8"><div class=" "><div class="mt-6 "><div class="relative "><h2 class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">Start</span></span> <span class="word"><span style="--d:42ms">from</span></span> <span class="word"><span style="--d:84ms">a</span></span> <span class="word"><span style="--d:126ms">working</span></span> <span class="word"><span style="--d:168ms">app.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">templates</span></div></div></div><p class="mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 ">Open a template in the builder with its data, auth and payments already wired, then make it yours.</p></div><a class="press hidden h-11 shrink-0 items-center rounded-full border px-5 text-[14px] font-medium hover:bg-[var(--color-background-button-hover)] sm:inline-flex" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-primary)" href="/templates">Browse templates â</a></div><div class="relative"><div class="flex flex-col gap-6"><div class="tpl-mask overflow-hidden py-1"><div class="tpl-lean"><div class="tpl-shelf flex w-max" style="animation-duration:78s;animation-direction:normal"><div class="flex gap-6 pr-6"><div role="button" tabindex="0" aria-label="Snaglist: Site inspection on a phone, signed before you leave" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/snaglist" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Morning Order: Skincare shop with a routine builder" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/morning-order" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Overlap: Find the hour that works for everyone" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/overlap" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Off Season: Coming soon page with a countdown and a list" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/off-season" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Remit: Invoicing for freelancers, paid on time" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/remit" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Glasswork: Light-routing puzzle" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/glasswork" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Ballpark: Quotes and estimates for service teams" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/ballpark" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Foldout: Editorial portfolio for a design studio" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/foldout" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div></div><div class="flex gap-6 pr-6" aria-hidden="true"><div role="button" tabindex="0" aria-label="Snaglist: Site inspection on a phone, signed before you leave" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fsnaglist%2Fpreview%3Fv%3Dca5192c53c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/snaglist" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Morning Order: Skincare shop with a routine builder" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fmorning-order%2Fpreview%3Fv%3D7851b357a7&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/morning-order" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Overlap: Find the hour that works for everyone" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foverlap%2Fpreview%3Fv%3Da024bfd66d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/overlap" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Off Season: Coming soon page with a countdown and a list" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Foff-season%2Fpreview%3Fv%3Da03e7c8625&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/off-season" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Remit: Invoicing for freelancers, paid on time" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fremit%2Fpreview%3Fv%3Dcb0be5cc8d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/remit" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Glasswork: Light-routing puzzle" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fglasswork%2Fpreview%3Fv%3D66314d76aa&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/glasswork" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Ballpark: Quotes and estimates for service teams" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fballpark%2Fpreview%3Fv%3D889ae59f77&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/ballpark" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Foldout: Editorial portfolio for a design studio" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ffoldout%2Fpreview%3Fv%3Dda7f7a5f0c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/foldout" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div></div></div></div></div><div class="tpl-mask overflow-hidden py-1"><div class="tpl-lean"><div class="tpl-shelf flex w-max" style="animation-duration:94s;animation-direction:reverse"><div class="flex gap-6 pr-6"><div role="button" tabindex="0" aria-label="Groundfloor: Onboarding software with an interactive ninety-day plan" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/groundfloor" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Handover: Shift scheduling for small teams" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/handover" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Interval: Conference site with a live programme grid" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/interval" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Pawsh: Dog grooming salon with a set list and booking" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/pawsh" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Blockhead: One-button tower stacker" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/blockhead" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Kitty: Shared expenses, settled in as few payments as possible" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/kitty" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Tenon: Furniture store with shoppable rooms" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/tenon" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Nine Letters: Nine tiles a day, one long word to find" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/nine-letters" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div></div><div class="flex gap-6 pr-6" aria-hidden="true"><div role="button" tabindex="0" aria-label="Groundfloor: Onboarding software with an interactive ninety-day plan" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fgroundfloor%2Fpreview%3Fv%3Dc797c5443d&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/groundfloor" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Handover: Shift scheduling for small teams" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fhandover%2Fpreview%3Fv%3D05de90c5cf&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/handover" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Interval: Conference site with a live programme grid" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Finterval%2Fpreview%3Fv%3D23b16e0b3c&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/interval" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Pawsh: Dog grooming salon with a set list and booking" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fpawsh%2Fpreview%3Fv%3D8f23a458d1&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/pawsh" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Blockhead: One-button tower stacker" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fblockhead%2Fpreview%3Fv%3D9b6a15e0e1&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/blockhead" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Kitty: Shared expenses, settled in as few payments as possible" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fkitty%2Fpreview%3Fv%3Dc4174515ab&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/kitty" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Tenon: Furniture store with shoppable rooms" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Ftenon%2Fpreview%3Fv%3D2ca0810c80&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/tenon" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div><div role="button" tabindex="0" aria-label="Nine Letters: Nine tiles a day, one long word to find" class="tpl-card group relative aspect-[1200/630] w-[300px] shrink-0 cursor-pointer overflow-hidden rounded-[14px] border outline-none sm:w-[440px]" style="border-color:var(--color-border-primary);background:var(--color-background-card);box-shadow:var(--shadow-card)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top transition-transform duration-500 ease-out group-hover:scale-[1.03] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="440px" srcSet="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=16&q=85 16w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=32&q=85 32w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=48&q=85 48w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=64&q=85 64w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=96&q=85 96w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=128&q=85 128w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=256&q=85 256w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=384&q=85 384w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=640&q=85 640w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=750&q=85 750w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=828&q=85 828w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1080&q=85 1080w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1200&q=85 1200w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=1920&q=85 1920w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=2048&q=85 2048w, /_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=3840&q=85 3840w" src="/_next/image?url=https%3A%2F%2Fapp.webtwizz.com%2Fgallery%2Ftemplates%2Fnine-letters%2Fpreview%3Fv%3D555bdab38b&w=3840&q=85"/><div class="tpl-overlay pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-black/[0.42] opacity-0 backdrop-blur-[1px] transition-opacity duration-150 group-hover:pointer-events-auto group-hover:opacity-100"><div class="tpl-actions flex flex-col items-center gap-2"><button type="button" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] hover:brightness-95" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-button)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> View template</button>
11<a href="https://app.webtwizz.com/remix/nine-letters" class="inline-flex h-8 items-center justify-center gap-1.5 rounded-lg border px-3 text-[13.5px] font-medium transition-colors w-[148px] no-underline hover:opacity-85" style="border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background-paper)"><svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg> Remix</a></div></div></div></div></div></div></div></div></div><div class="relative mt-12 px-6 sm:hidden"><a class="press inline-flex h-11 items-center rounded-full border px-5 text-[14px] font-medium" style="border-color:var(--color-border-button);background:var(--color-background-button);color:var(--color-text-primary)" href="/templates">Browse templates â</a></div></section><section id="pricing" class="scroll-mt-24 bg-[var(--surface-wash)] px-6 py-16 sm:px-8 sm:py-32"><div class="mx-auto max-w-6xl"><div class="flex flex-col gap-8 sm:flex-row sm:items-end sm:justify-between"><div><div class=" "><div class="mt-6 "><div class="relative "><h2 class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">Start</span></span> <span class="word"><span style="--d:42ms">free.</span></span> <span class="word"><span style="--d:84ms">Scale</span></span> <span class="word"><span style="--d:126ms">as</span></span> <span class="word"><span style="--d:168ms">
11you</span></span> <span class="word"><span style="--d:210ms">build.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">pricing</span></div></div></div><p class="mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 ">Every plan includes the full builder, AI assistant, and code editor.</p></div></div><div class="relative inline-flex shrink-0 items-center rounded-full border border-neutral-200 bg-white p-1"><span aria-hidden="true" class="absolute inset-y-1 rounded-full bg-[var(--color-primary-main)] shadow-[var(--shadow-button)] transition-[left,width] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]" style="left:4px;width:0;opacity:0"></span><button type="button" class="relative z-10 whitespace-nowrap rounded-full px-4 py-1.5 text-[13px] font-medium transition-colors text-neutral-500 hover:text-neutral-900">Monthly</button><button type="button" class="relative z-10 flex items-center gap-2 whitespace-nowrap rounded-full px-4 py-1.5 text-[13px] font-medium transition-colors text-white">Annual<span class="text-[11px] font-normal text-white/75">2 months free</span></button></div></div><div class="mt-14 grid grid-cols-1 gap-5 sm:mt-16 sm:grid-cols-2 xl:grid-cols-4"><article class="relative flex flex-col rounded-2xl bg-white p-6 border border-neutral-200 shadow-[0_1px_2px_rgba(10,10,10,0.04)]"><h3 class="text-[15px] font-semibold tracking-[-0.01em] text-neutral-950">Starter</h3><div class="mt-2 flex items-baseline gap-1.5"><span class="text-[2rem] font-semibold leading-none tracking-[-0.03em] text-neutral-950">Free</span></div><p class="mt-1 h-4 text-[12px] text-neutral-400"> </p><div class="mt-4 h-9"></div><p class="mt-4 text-[13px] leading-[1.5] text-neutral-500">Try the builder and AI. No credit card needed.</p><a href="https://app.webtwizz.com/register" target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex w-full justify-center rounded-lg px-4 py-2.5 text-[13px] font-medium transition-colors bg-neutral-100 text-neutral-900 hover:bg-neutral-200">Get started</a><div class="mt-6 flex flex-col border-t border-neutral-100 pt-5"><p class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Key features</p><ul class="mt-3 space-y-2 text-[13px] leading-[1.4] text-neutral-600"><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>10 free credits every day, up to 50/month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>100 one-time signup bonus</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Publish 1 site</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Access to the builder and AI assistant</span></li></ul></div></article><article class="relative flex flex-col rounded-2xl bg-white p-6 border border-[var(--color-primary-main)] shadow-[0_30px_60px_-32px_rgba(30,144,255,0.45)]"><span class="absolute right-5 top-6 text-[12px] font-medium tracking-[-0.01em] text-[var(--color-primary-main)]">Popular</span><h3 class="text-[15px] font-semibold tracking-[-0.01em] text-neutral-950">Standard</h3><div class="mt-2 flex items-baseline gap-1.5"><span class="text-[2rem] font-semibold leading-none tracking-[-0.03em] text-neutral-950">$21</span><span class="text-[13px] text-neutral-400">/mo</span><span class="text-[13px] text-neutral-300 line-through">$<!-- -->25</span></div><p class="mt-1 h-4 text-[12px] text-neutral-400">Billed annually · 2 months free</p><div class="mt-4 h-9"><div class="relative"><label for="pv-credits-Standard" class="sr-only">Credits per month</label><select id="pv-credits-Standard" class="h-9 w-full appearance-none rounded-lg border border-neutral-200 bg-neutral-50 py-2 pl-3 pr-9 text-[13px] text-neutral-800 focus:border-neutral-400 focus:outline-none"><option value="0" selected="">1,500<!-- --> credits</option><option value="1">3,000<!-- --> credits</option></select><svg class="pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-neutral-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></div></div><p class="mt-4 text-[13px] leading-[1.5] text-neutral-500">For serious projects that need custom domains and more credits.</p><a href="https://app.webtwizz.com/register" target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex w-full justify-center rounded-lg px-4 py-2.5 text-[13px] font-medium transition-colors bg-[var(--color-primary-main)] text-white shadow-[var(--shadow-button)] hover:bg-[var(--color-primary-dark)]">Select plan</a><div class="mt-6 flex flex-col border-t border-neutral-100 pt-5"><p class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Key features</p><ul class="mt-3 space-y-2 text-[13px] leading-[1.4] text-neutral-600">
11<li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>1,500 credits per month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>10 free credits every day on top, up to 50/month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Access to code editor</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Export your code</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Custom AI instructions</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>AI image generation</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Custom domain</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Private sites, invite people by email</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Remove WebTwizz badge</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Publish up to 5 sites</span></li></ul></div></article><article class="relative flex flex-col rounded-2xl bg-white p-6 border border-neutral-200 shadow-[0_1px_2px_rgba(10,10,10,0.04)]"><h3 class="text-[15px] font-semibold tracking-[-0.01em] text-neutral-950">Pro</h3><div class="mt-2 flex items-baseline gap-1.5"><span class="text-[2rem] font-semibold leading-none tracking-[-0.03em] text-neutral-950">$42</span><span class="text-[13px] text-neutral-400">/mo</span><span class="text-[13px] text-neutral-300 line-through">$<!-- -->50</span></div><p class="mt-1 h-4 text-[12px] text-neutral-400">Billed annually · 2 months free</p><div class="mt-4 h-9"><div class="relative"><label for="pv-credits-Pro" class="sr-only">Credits per month</label><select id="pv-credits-Pro" class="h-9 w-full appearance-none rounded-lg border border-neutral-200 bg-neutral-50 py-2 pl-3 pr-9 text-[13px] text-neutral-800 focus:border-neutral-400 focus:outline-none"><option value="0" selected="">4,500<!-- --> credits</option><option value="1">6,000<!-- --> credits</option><option value="2">9,000<!-- --> credits</option></select><svg class="pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-neutral-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></div></div><p class="mt-4 text-[13px] leading-[1.5] text-neutral-500">For power users building complex, full-stack applications.</p><a href="https://app.webtwizz.com/register" target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex w-full justify-center rounded-lg px-4 py-2.5 text-[13px] font-medium transition-colors bg-neutral-100 text-neutral-900 hover:bg-neutral-200">Select plan</a><div class="mt-6 flex flex-col border-t border-neutral-100 pt-5"><p class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Key features</p><ul class="mt-3 space-y-2 text-[13px] leading-[1.4] text-neutral-600"><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>4,500 credits per month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>10 free credits every day on top, up to 50/month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Everything in Standard</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Publish up to 15 sites</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Priority support</span></li></ul></div></article><article class="relative flex flex-col rounded-2xl bg-white p-6 border border-neutral-200 shadow-[0_1px_2px_rgba(10,10,10,0.04)]"><h3 class="text-[15px] font-semibold tracking-[-0.01em] text-neutral-950">Custom</h3><div class="mt-2 flex items-baseline gap-1.5"><span class="text-[2rem] font-semibold leading-none tracking-[-0.03em] text-neutral-950">Custom</span></div><p class="mt-1 h-4 text-[12px] text-neutral-400"> </p><div class="mt-4 h-9"></div><p class="mt-4 text-[13px] leading-[1.5] text-neutral-500">For teams and agencies with high-volume or custom requirements.</p><a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex w-full justify-center rounded-lg px-4 py-2.5 text-[13px] font-medium transition-colors bg-neutral-100 text-neutral-900 hover:bg-neutral-200">Contact support</a><div class="mt-6 flex flex-col border-t border-neutral-100 pt-5"><p class="text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Key features</p><ul class="mt-3 space-y-2 text-[13px] leading-[1.4] text-neutral-600">
11<li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Everything in Pro</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>10 free credits every day on top, up to 50/month</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Custom credit limits</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>Dedicated support</span></li><li class="flex gap-2"><span class="mt-[7px] h-1 w-1 shrink-0 rounded-full bg-neutral-300" aria-hidden="true"></span><span>SLA guarantee</span></li></ul></div></article></div></div></section><section id="faq" aria-labelledby="faq-heading" class="scroll-mt-24 bg-white px-6 py-16 sm:px-8 sm:py-32">
11<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is WebTwizz?","acceptedAnswer":{"@type":"Answer","text":"WebTwizz is an AI-powered app builder. Describe what you want and the AI creates it: complete pages, features, and styling. You get a visual builder with design controls, a code editor if you want it, and one-click publishing. It goes beyond simple page builders to create fully functional apps."}},{"@type":"Question","name":"Can I buy additional AI credits on paid plans?","acceptedAnswer":{"@type":"Answer","text":"Yes. On Standard and Pro you select a credit tier (e.g. 1,500 or 3,000 credits on Standard; 4,500, 6,000, or 9,000 on Pro). If you need more credits than your current tier, you can move to a higher tier or plan at any time from your account. For very high or custom usage, the Custom plan is the best option."}},{"@type":"Question","name":"Do I need coding experience?","acceptedAnswer":{"@type":"Answer","text":"Not at all. Just describe what you want and the AI builds it for you. If you do know how to code, there is a full code editor to fine-tune anything. WebTwizz works for everyone, from first-time creators to experienced developers."}},{"@type":"Question","name":"Can I use my own domain?","acceptedA
11nswer":{"@type":"Answer","text":"Yes. All paid plans (Standard, Pro, and Custom) include custom domain support. You can connect your existing domain or purchase a new one through our platform. We provide simple step-by-step instructions for domain setup."}},{"@type":"Question","name":"What happens if I exceed my plan limits?","acceptedAnswer":{"@type":"Answer","text":"The free tier is there to build and publish your first project: a signup bonus plus a small daily allowance, capped each month. Plans are for building every day, and they add a monthly credit allotment, custom domains, and more published sites."}},{"@type":"Question","name":"Is my app mobile-responsive?","acceptedAnswer":{"@type":"Answer","text":"Yes. The AI builds layouts that adapt to every screen size by default, and you can preview and adjust layouts for desktop, tablet, and mobile directly in the builder."}},{"@type":"Question","name":"Can I cancel or change my plan?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can upgrade, downgrade, or cancel your plan at any time. Changes take effect at the start of your next billing cycle. There are no long-term contracts or cancellation fees."}}]}</script>
11<div class="mx-auto grid max-w-6xl gap-12 lg:grid-cols-[0.8fr_1.2fr] lg:gap-16"><div class="lg:sticky lg:top-28 lg:self-start"><div class=" "><div class="mt-6 "><div class="relative "><h2 id="faq-heading" class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">Questions,</span></span> <span class="word"><span style="--d:42ms">answered.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">faq</span></div></div></div><p class="mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 ">Everything you need to know about WebTwizz. Anything else, our team is one email away.</p></div></div><div class="border-t border-neutral-200"><div class="border-b border-neutral-200"><button type="button" aria-expanded="true" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">What is WebTwizz?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 rotate-45"><svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[1fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">WebTwizz is an AI-powered app builder. Describe what you want and the AI creates it: complete pages, features, and styling. You get a visual builder with design controls, a code editor if you want it, and one-click publishing. It goes beyond simple page builders to create fully functional apps.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">Can I buy additional AI credits on paid plans?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 "><svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">Yes. On Standard and Pro you select a credit tier (e.g. 1,500 or 3,000 credits on Standard; 4,500, 6,000, or 9,000 on Pro). If you need more credits than your current tier, you can move to a higher tier or plan at any time from your account. For very high or custom usage, the Custom plan is the best option.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">Do I need coding experience?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 ">
11<svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">Not at all. Just describe what you want and the AI builds it for you. If you do know how to code, there is a full code editor to fine-tune anything. WebTwizz works for everyone, from first-time creators to experienced developers.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">Can I use my own domain?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 "><svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">Yes. All paid plans (Standard, Pro, and Custom) include custom domain support. You can connect your existing domain or purchase a new one through our platform. We provide simple step-by-step instructions for domain setup.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">What happens if I exceed my plan limits?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 "><svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">The free tier is there to build and publish your first project: a signup bonus plus a small daily allowance, capped each month. Plans are for building every day, and they add a monthly credit allotment, custom domains, and more published sites.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">Is my app mobile-responsive?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 "><svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">Yes. The AI builds layouts that adapt to every screen size by default, and you can preview and adjust layouts for desktop, tablet, and mobile directly in the builder.</p></div></div></div><div class="border-b border-neutral-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-4 py-5 text-left"><span class="text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950">Can I cancel or change my plan?</span><span class="grid h-6 w-6 shrink-0 place-items-center rounded-full border border-neutral-200 text-neutral-500 transition-transform duration-300 ">
11<svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out grid-rows-[0fr]"><div class="overflow-hidden"><p class="pb-6 pr-10 text-[14px] leading-[1.6] text-neutral-500">Yes, you can upgrade, downgrade, or cancel your plan at any time. Changes take effect at the start of your next billing cycle. There are no long-term contracts or cancellation fees.</p></div></div></div><form class="border-b border-neutral-200"><div class="flex items-center gap-3 py-3.5"><svg class="h-4 w-4 shrink-0 text-[#1E90FF]" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 1.5l1.6 4.3 4.4 1.7-4.4 1.7L8 13.5l-1.6-4.3L2 7.5l4.4-1.7L8 1.5z" fill="currentColor"></path></svg><label for="_R_2ktautb_" class="sr-only">Ask a question about WebTwizz</label><input id="_R_2ktautb_" maxLength="400" placeholder="Ask me anything" autoComplete="off" class="min-w-0 flex-1 bg-transparent py-1.5 text-[15.5px] font-medium tracking-[-0.01em] text-neutral-950 placeholder:text-neutral-950 focus:outline-none focus:placeholder:text-neutral-400" value=""/><button type="submit" disabled="" aria-label="Ask" title="Send" class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-white transition-[opacity,transform] duration-150 enabled:hover:opacity-90 enabled:active:scale-95 pointer-events-none scale-90 opacity-0" style="background:var(--color-primary-main)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="h-[18px] w-[18px]" aria-hidden="true"><path d="M12 19V5M5 12l7-7 7 7"></path></svg></button></div></form></div></div></section><section id="guides" class="scroll-mt-24 bg-[var(--surface-wash)] px-6 py-16 sm:px-8 sm:py-32"><div class="mx-auto max-w-6xl"><div class="flex items-end justify-between gap-6"><div class=" "><div class="mt-6 "><div class="relative "><h2 class="text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]" style="font-family:var(--font-family-display)"><span><span class="word"><span style="--d:0ms">Read</span></span> <span class="word"><span style="--d:42ms">before</span></span> <span class="word"><span style="--d:84ms">
11you</span></span> <span class="word"><span style="--d:126ms">pick</span></span> <span class="word"><span style="--d:168ms">a</span></span> <span class="word"><span style="--d:210ms">builder.</span></span></span></h2><div aria-hidden="true" class="pointer-events-none absolute transition-opacity duration-[420ms] ease-out" style="inset:-9px;opacity:0;transition-delay:0ms"><div class="absolute inset-0 rounded-[3px]" style="border:1.5px solid var(--color-primary-main);clip-path:inset(0 100% 0 0);transition:clip-path 520ms cubic-bezier(0.22,0.9,0.25,1);transition-delay:0ms"></div><span class="absolute whitespace-nowrap rounded-[4px] px-[7px] py-[3px] text-[10.5px] font-medium leading-none text-white" style="background:var(--color-primary-main);font-family:var(--font-family-mono);letter-spacing:-0.01em;transition:opacity 260ms ease, transform 260ms ease;transition-delay:300ms;opacity:0;transform:translateY(3px);left:-1.5px;top:-19px">from the blog</span></div></div></div><p class="mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 ">Comparisons, benchmarks, and how-tos on AI app builders.</p></div><a class="hidden shrink-0 text-[14px] font-medium text-neutral-600 link-draw underline-offset-4 hover:text-neutral-950 sm:inline-block" href="/blog">All posts â</a></div><div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3 sm:gap-6"><a class="group block" href="/blog/can-ai-build-a-real-app-i-tested-5-builders"><div class="relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=256&q=75 256w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=384&q=75 384w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fblog%2Fv%2Fc80c9cd0%2Fcan-ai-build-a-real-app-i-tested-5-builders.jpg&w=3840&q=75"/></div><div class="mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400"><span class="font-medium text-neutral-500">AI & Tools</span><span>·</span><span>12 min read</span></div><h3 class="mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]">AI App Builder Benchmark: I Tested 5 on the Same Prompt (2026)</h3></a><a class="group block" href="/blog/out-of-lovable-credits-alternatives"><div class="relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=256&q=75 256w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=384&q=75 384w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fblog%2Fv%2Fd5dcb2b8%2Fout-of-lovable-credits-alternatives.jpg&w=3840&q=75"/></div><div class="mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400"><span class="font-medium text-neutral-500">AI & Tools</span><span>·</span><span>7 min read</span></div><h3 class="mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]">Out of Lovable Credits? Cheaper Alternatives in 2026</h3></a><a class="group block" href="/blog/design-system-tools"><div class="relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;
11color:transparent" sizes="(max-width: 640px) 100vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=256&q=75 256w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=384&q=75 384w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=640&q=75 640w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=750&q=75 750w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=828&q=75 828w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Fblog%2Fv%2F3b37a35a%2Fdesign-system-tools.jpg&w=3840&q=75"/></div><div class="mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400"><span class="font-medium text-neutral-500">Tutorials</span><span>·</span><span>17 min read</span></div><h3 class="mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]">The 10 Best Design System Tools for 2026</h3></a></div><a class="mt-10 inline-block text-[14px] font-medium text-neutral-600 link-draw underline-offset-4 hover:text-neutral-950 sm:hidden" href="/blog">All posts â</a></div></section><section id="cta" class="relative overflow-hidden bg-white px-6 py-16 sm:py-36"><div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden"><div class="absolute inset-0" style="mask-image:linear-gradient(to top, transparent 0%, #000 14%, #000 44%, rgba(0,0,0,0.4) 64%, transparent 82%);-webkit-mask-image:linear-gradient(to top, transparent 0%, #000 14%, #000 44%, rgba(0,0,0,0.4) 64%, transparent 82%)"><div class="absolute inset-0" style="background:radial-gradient(92% 58% at 50% 92%, #2F7FF0 0%, #4FA4FF 24%, #7FC7FF 46%, transparent 74%),radial-gradient(64% 44% at 16% 86%, #69D6FF 0%, transparent 58%),radial-gradient(64% 44% at 86% 84%, #3B9EFF 0%, transparent 58%)"></div></div></div><div class="relative mx-auto max-w-3xl text-center"><p class="text-[11.5px] font-medium uppercase tracking-[0.08em] text-neutral-500" style="font-family:var(--font-family-mono)"></p><h2 class="mt-5 text-[clamp(2rem,3.2vw+1rem,3.3rem)] font-[700] leading-[1.04] tracking-[-0.035em] text-neutral-950" style="font-family:var(--font-family-display)">Your idea, live in minutes.</h2><p class="mx-auto mt-4 max-w-xl text-[15px] leading-relaxed text-neutral-600">Describe what you want. WebTwizz builds the real thing, then you click to change anything. No code needed.</p><div class="mx-auto mt-9 max-w-[680px] text-left"><div class="w-full"><div class="animate-border-glow relative flex flex-col gap-1 rounded-2xl border border-[var(--color-border-button)] bg-[var(--color-background-paper)] shadow-[0_20px_56px_-18px_rgba(8,40,90,0.45)] rounded-2xl p-3 "><textarea rows="1" spellCheck="false" placeholder="Build me a dashboard to track my sales and customers..." aria-label="Describe the app you want to build" class="scrollbar-hide w-full resize-none bg-transparent text-left leading-relaxed text-[var(--color-text-input)] outline-none placeholder:text-[var(--color-text-input-placeholder)] text-[16px] min-h-[80px] px-2 pt-2 pb-1.5" style="max-height:220px"></textarea><div class="flex items-center justify-between"><div class="flex items-center gap-1"><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Attach files - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M12 5v14M5 12h14"></path></svg></button><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Cho
11ose Chat, Normal, or Max mode - available in the app" class="inline-flex cursor-not-allowed items-center gap-1 rounded-lg font-medium text-[var(--color-text-button)] opacity-60 h-9 px-3 text-[13px]"><svg viewBox="0 0 24 24" fill="currentColor" class="h-[15px] w-[15px]"><path d="M13 2 4.5 13.5H11L10 22l8.5-11.5H12L13 2z"></path></svg>Normal<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 opacity-60"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="flex items-center gap-1.5"><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Enhance prompt - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M9 18h6M10 22h4"></path><path d="M12 2a7 7 0 0 0-4 12.6c.6.5 1 1.3 1 2.1V18h6v-1.3c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z"></path></svg></button><button type="button" disabled="" aria-disabled="true" tabindex="-1" title="Voice input - available in the app" class="inline-flex cursor-not-allowed items-center justify-center rounded-lg text-[var(--color-icon-default)] opacity-50 h-9 w-9"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><rect x="9" y="2" width="6" height="12" rx="3"></rect><path d="M19 10v1a7 7 0 0 1-14 0v-1M12 18v4"></path></svg></button><button type="button" disabled="" aria-label="Build app" title="Send" class="inline-flex items-center justify-center rounded-lg text-white transition-[opacity,transform] duration-150 enabled:hover:opacity-90 enabled:active:scale-95 disabled:cursor-not-allowed disabled:opacity-40 h-9 w-9" style="background:var(--color-primary-main)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="h-[19px] w-[19px]"><path d="M12 19V5M5 12l7-7 7 7"></path></svg></button></div></div></div><div class="mt-3.5 flex flex-wrap justify-center gap-2"><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.85s">Online store</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.9s">Booking site</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:0.95s">Dashboard</button><button type="button" class="hero-chip rounded-full border border-[var(--color-border-primary)] bg-white/80 px-3.5 py-1.5 text-[13px] font-medium text-[var(--color-text-secondary)] shadow-[var(--shadow-sm)] backdrop-blur-sm transition-colors hover:border-[var(--color-primary-main)] hover:bg-white hover:text-[var(--color-text-primary)]" style="animation-delay:1s">Portfolio</button></div></div></div><p class="mt-6 text-[14px] font-medium text-neutral-600">Get started for free, no credit card needed.</p></div></section></main><footer aria-labelledby="footer-heading" class="bg-white"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="w-full px-6 py-14 sm:px-12 lg:px-20"><div class="mb-10 grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-9"><div class="col-span-2 max-w-sm md:col-span-3 lg:col-span-2"><img alt="WebTwizz" loading="lazy" width="120" height="32" decoding="async" data-nimg="1" class="mb-4" style="color:transparent;width:auto;height:auto" srcSet="/_next/image?url=%2Fimages%2Flogo.png&w=128&q=75 1x, /_next/image?url=%2Fimages%2Flogo.png&w=256&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo.png&w=256&q=75"/><p class="mb-5 text-[13px] leading-relaxed text-neutral-500">
11Build apps in minutes with AI. No coding required.</p><form class="flex gap-2"><input type="email" placeholder="Enter your email" aria-label="Email address" class="min-w-0 flex-1 rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-[13px] text-neutral-800 placeholder:text-neutral-400 focus:border-neutral-400 focus:outline-none" required="" value=""/><button type="submit" aria-label="Subscribe" class="rounded-lg bg-[var(--color-primary-main)] px-4 py-2.5 text-[13px] font-medium text-white shadow-[var(--shadow-button)] transition-colors hover:bg-[var(--color-primary-dark)] disabled:opacity-50">â</button></form></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Product</h3><ul class="space-y-2"><li><a href="/features" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Features</a></li><li><a href="/pricing" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Pricing</a></li><li><a href="/ai-app-builder" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">AI App Builder</a></li></ul></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Compare</h3><ul class="space-y-2"><li><a href="/vs/lovable" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">vs Lovable</a></li><li><a href="/vs/bolt" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">vs Bolt.new</a></li><li><a href="/vs/v0" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">vs v0</a></li><li><a href="/vs/base44" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">vs Base44</a></li><li><a href="/vs/cursor" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">vs Cursor</a></li><li><a href="/best-ai-app-builders" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Best AI builders</a></li></ul></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Build with AI</h3><ul class="space-y-2"><li><a href="/build-saas-with-ai" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Build a SaaS</a></li><li><a href="/build-dashboard-with-ai" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Build a dashboard</a></li><li><a href="/build-crm-with-ai" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Build a CRM</a></li><li><a href="/build-booking-app-with-ai" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Build a booking app</a></li><li><a href="/build-ecommerce-with-ai" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Build an e-commerce store</a></li></ul></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Connectors</h3><ul class="space-y-2"><li><a href="/connectors/supabase" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Supabase</a></li><li><a href="/connectors/stripe" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Stripe</a></li><li><a href="/connectors/github" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">GitHub</a></li><li><a href="/connectors/databases" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Postgres, MySQL and more</a></li><li><a href="/connectors" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">All connectors</a></li></ul></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Resources</h3><ul class="space-y-2"><li><a href="/blog" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Blog</a></li><li><a href="https://docs.webtwizz.com" target="_blank" rel="noopener noreferrer" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Documentation</a></li><li><a href="/brand" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Brand assets</a></li><li><a href="mailto:[email protected]" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Support</a></li></ul></div><div><h3 class="mb-3 text-[12px] font-medium tracking-[-0.01em] text-neutral-400">Legal</h3><ul class="space-y-2"><li><a href="/privacy" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Privacy</a></li><li><a href="/terms" class="text-[13px] text-neutral-500 transition-colors hover:text-neutral-950">Terms</a></li></ul></div></div><div class="flex flex-col items-center justify-between gap-4 border-t border-neutral-200 pt-6 md:flex-row"><p class="text-[13px] text-neutral-400">© <!-- -->2026<!-- --> WebTwizz. All rights reserved.</p></div></div><div class="relative h-20 w-full overflow-hidden sm:h-28 md:h-40 lg:h-52"><pre class="absolute left-1/2 -translate-x-1/2 select-none whitespace-pre ascii-mark text-[10px] leading-none tracking-tight text-neutral-100 sm:text-[14px] md:text-[20px] lg:text-[28px] xl:text-[36px]" aria-hidden="true"> 12 13âââ ââââââââââââââââââ ââââââââââââ ââââââââââââââââââââââ 14âââ âââââââââââââââââââââââââââââââ ââââââââââââââââââââââ 15âââ ââ âââââââââ ââââââââ âââ âââ ââ ââââââ âââââ âââââ 16ââââââââââââââââ ââââââââ âââ âââââââââââââ âââââ âââââ 17ââââââââââââââââââââââââââ âââ âââââââââââââââââââââââââââââ 18 ââââââââ âââââââââââââââ âââ ââââââââ âââââââââââââââââââ</pre></div></footer><!--$--><!--/$-->
18<script src="/_next/static/chunks/webpack-4c350b92015dd571.js" id="_R_" async=""></script>
18<script>(self.__next_f=self.__next_f||[]).push([0])</script>
18<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n9:I[7150,[],\"\"]\n:HL[\"/_next/static/media/558ca1a6aa3cb55e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/9d5a263311222317-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/a986d0e4d074dfaa.css\",\"style\"]\n:HL[\"/_next/static/css/53034efcaa0ce3e1.css\",\"style\"]\n2:T9a0,"])</script>
18<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://webtwizz.com/#organization\",\"name\":\"WebTwizz\",\"url\":\"https://webtwizz.com\",\"description\":\"WebTwizz is the AI app builder for non-technical founders. Describe an app and get a real, working full-stack app you own, with auth, database, payments, and one-click deploy.\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://webtwizz.com/images/logo.png\"},\"sameAs\":[\"https://x.com/webtwizz\",\"https://github.com/webtwizz\",\"https://docs.webtwizz.com\"],\"founder\":{\"@id\":\"https://webtwizz.com/#founder\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer support\",\"email\":\"[email protected]\",\"availableLanguage\":\"English\"}},{\"@type\":\"Person\",\"@id\":\"https://webtwizz.com/#founder\",\"name\":\"Ahmed Abdelfattah\",\"jobTitle\":\"Founder\",\"worksFor\":{\"@id\":\"https://webtwizz.com/#organization\"},\"url\":\"https://x.com/theahmedwalid\",\"sameAs\":[\"https://x.com/theahmedwalid\"]},{\"@type\":\"WebSite\",\"@id\":\"https://webtwizz.com/#website\",\"url\":\"https://webtwizz.com\",\"name\":\"WebTwizz\",\"description\":\"AI-powered app builder that turns your ideas into functional web applications instantly\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https://webtwizz.com/#organization\"},\"image\":\"https://webtwizz.com/images/builder-v3.png\"},{\"@type\":\"SoftwareApplication\",\"@id\":\"https://webtwizz.com/#software\",\"name\":\"WebTwizz\",\"url\":\"https://webtwizz.com\",\"applicationCategory\":\"DeveloperApplication\",\"applicationSubCategory\":\"AI App Builder\",\"operatingSystem\":\"Web\",\"description\":\"AI app builder that creates functional full-stack web applications in minutes without coding. Generate with AI, refine in a visual editor, edit the source code you own, and publish in one click.\",\"image\":\"https://webtwizz.com/images/builder-v3.png\",\"screenshot\":\"https://webtwizz.com/images/builder-v3.png\",\"publisher\":{\"@id\":\"https://webtwizz.com/#organization\"},\"featureList\":[\"AI generation of full-stack apps from a prompt\",\"Visual editor with click-to-edit on any element\",\"Editable source code you fully own\",\"Connectors: Supabase, Stripe, GitHub, Google Analytics, Resend, OpenAI, Anthropic and more\",\"Auth, database, and payments wired up automatically\",\"One-click publish to a custom domain\"],\"offers\":{\"@type\":\"AggregateOffer\",\"priceCurrency\":\"USD\",\"lowPrice\":\"0\",\"highPrice\":\"50\",\"offerCount\":\"3\",\"description\":\"Free tier with 10 daily credits plus a 100-credit signup bonus (no card required), then paid plans from $25/mo.\"}}]}"])</script>
18<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"wXJjOS-wFW4kci9lGRXas\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a986d0e4d074dfaa.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/53034efcaa0ce3e1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_f367f3 __variable_01ae00 __variable_6d24ac\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n html { background-color: #F8FAFC; }\\n body {\\n background-color: #F8FAFC;\\n color: #0F172A;\\n margin: 0;\\n min-height: 100vh;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n }\\n \"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],\"$L3\",\"$L4\",\"$L5\"]}],\"$L6\"]}]]}],{\"children\":[\"__PAGE__\",\"$L7\",{},null,false]},null,false],\"$L8\",false]],\"m\":\"$undefined\",\"G\":[\"$9\",[]],\"s\":false,\"S\":true}\n"])</script>
18<script>self.__next_f.push([1,"a:I[1402,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7822\",\"static/chunks/7822-f373a59f8386f979.js\",\"7177\",\"static/chunks/app/layout-6b8c6aeb269cfa22.js\"],\"\"]\nc:I[1510,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7822\",\"static/chunks/7822-f373a59f8386f979.js\",\"7177\",\"static/chunks/app/layout-6b8c6aeb269cfa22.js\"],\"default\"]\nd:I[9766,[],\"\"]\ne:I[8924,[],\"\"]\nf:I[3486,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"4345\",\"static/chunks/app/not-found-d5843b8d367a1405.js\"],\"default\"]\n10:I[351,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7822\",\"static/chunks/7822-f373a59f8386f979.js\",\"7177\",\"static/chunks/app/layout-6b8c6aeb269cfa22.js\"],\"default\"]\n11:I[5423,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7822\",\"static/chunks/7822-f373a59f8386f979.js\",\"7177\",\"static/chunks/app/layout-6b8c6aeb269cfa22.js\"],\"default\"]\n12:I[5672,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7822\",\"static/chunks/7822-f373a59f8386f979.js\",\"7177\",\"static/chunks/app/layout-6b8c6aeb269cfa22.js\"],\"default\"]\n13:I[4255,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n14:I[5175,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619"])</script>
18<script>self.__next_f.push([1,"-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n15:I[4543,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n16:I[7227,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n17:I[7284,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunk"])</script>
18<script>self.__next_f.push([1,"s/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n18:I[7284,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"AllConnectorsLink\"]\n1a:I[7029,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n1b:I[1980,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"897"])</script>
18<script>self.__next_f.push([1,"4\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n1c:I[4157,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n1d:I[1789,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n1e:I[2619,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"\"]\n1f:I[1356,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks"])</script>
18<script>self.__next_f.push([1,"/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"Image\"]\n27:I[4431,[],\"ViewportBoundary\"]\n29:I[4431,[],\"MetadataBoundary\"]\n2a:\"$Sreact.suspense\"\n3:[\"$\",\"$La\",null,{\"id\":\"consent-mode-default\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('consent', 'default', {\\n 'analytics_storage': 'denied',\\n 'ad_storage': 'denied',\\n 'ad_user_data': 'denied',\\n 'ad_personalization': 'denied',\\n 'functionality_storage': 'granted',\\n 'security_storage': 'granted',\\n 'wait_for_update': 500\\n });\\n \"}]\nb:T42f,"])</script>
18<script>self.__next_f.push([1,"\n (function(){\n var h = location.hostname;\n if (h !== 'webtwizz.com' \u0026\u0026 h !== 'www.webtwizz.com') return;\n window.dataLayer = window.dataLayer || [];\n try {\n var r = document.referrer ? new URL(document.referrer).hostname : '';\n if (r === 'localhost' || /\\.test$/.test(r)) localStorage.setItem('wt_internal', '1');\n if (localStorage.getItem('wt_internal') === '1') {\n window.dataLayer.push({ traffic_type: 'internal' });\n }\n } catch (e) {}\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start' :\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer' ?'\u0026l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-5HMFGL4');\n })();\n "])</script>
18<script>self.__next_f.push([1,"4:[\"$\",\"$La\",null,{\"id\":\"gtm-script\",\"strategy\":\"lazyOnload\",\"children\":\"$b\"}]\n5:[\"$\",\"$La\",null,{\"id\":\"ugc-attribution\",\"src\":\"https://aromatic-caribou-889.convex.site/api/a/am_a9IhkhYx0aM0VMni\",\"strategy\":\"afterInteractive\"}]\n"])</script>
18<script>self.__next_f.push([1,"6:[\"$\",\"body\",null,{\"className\":\"font-sans antialiased bg-background-default text-text-primary min-h-screen relative\",\"children\":[[\"$\",\"noscript\",null,{\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-5HMFGL4\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Le\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$Lf\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L10\",null,{}],[\"$\",\"$L11\",null,{}],[\"$\",\"$L12\",null,{}]]}]\n"])</script>
18<script>self.__next_f.push([1,"7:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L13\",null,{\"children\":[[\"$\",\"main\",null,{\"className\":\"bg-[var(--color-background-default)]\",\"children\":[[\"$\",\"$L14\",null,{}],[\"$\",\"$L15\",null,{}],[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{\"action\":[\"$\",\"$L18\",null,{}]}],\"$L19\",[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{}],[\"$\",\"section\",null,{\"id\":\"guides\",\"className\":\"scroll-mt-24 bg-[var(--surface-wash)] px-6 py-16 sm:px-8 sm:py-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-end justify-between gap-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\" \",\"children\":[false,[\"$\",\"div\",null,{\"className\":\"mt-6 \",\"children\":[\"$\",\"$L1c\",null,{\"label\":\"from the blog\",\"inset\":-9,\"chip\":\"top-left\",\"children\":[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]\",\"style\":{\"fontFamily\":\"var(--font-family-display)\"},\"children\":[\"$\",\"$L1d\",null,{\"text\":\"Read before you pick a builder.\"}]}]}]}],[\"$\",\"p\",null,{\"className\":\"mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 \",\"children\":\"Comparisons, benchmarks, and how-tos on AI app builders.\"}]]}],[\"$\",\"$L1e\",null,{\"href\":\"/blog\",\"className\":\"hidden shrink-0 text-[14px] font-medium text-neutral-600 link-draw underline-offset-4 hover:text-neutral-950 sm:inline-block\",\"children\":\"All posts â\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3 sm:gap-6\",\"children\":[[\"$\",\"$L1e\",\"can-ai-build-a-real-app-i-tested-5-builders\",{\"href\":\"/blog/can-ai-build-a-real-app-i-tested-5-builders\",\"className\":\"group block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100\",\"children\":[\"$\",\"$L1f\",null,{\"src\":\"/images/blog/v/c80c9cd0/can-ai-build-a-real-app-i-tested-5-builders.jpg\",\"alt\":\"\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, 33vw\",\"className\":\"object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-neutral-500\",\"children\":\"AI \u0026 Tools\"}],[\"$\",\"span\",null,{\"children\":\"·\"}],[\"$\",\"span\",null,{\"children\":\"12 min read\"}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]\",\"children\":\"AI App Builder Benchmark: I Tested 5 on the Same Prompt (2026)\"}]]}],[\"$\",\"$L1e\",\"out-of-lovable-credits-alternatives\",{\"href\":\"/blog/out-of-lovable-credits-alternatives\",\"className\":\"group block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100\",\"children\":[\"$\",\"$L1f\",null,{\"src\":\"/images/blog/v/d5dcb2b8/out-of-lovable-credits-alternatives.jpg\",\"alt\":\"\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, 33vw\",\"className\":\"object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-neutral-500\",\"children\":\"AI \u0026 Tools\"}],[\"$\",\"span\",null,{\"children\":\"·\"}],[\"$\",\"span\",null,{\"children\":\"7 min read\"}]]}],[\"$\",\"h3\",null,{\"className\":\"mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]\",\"children\":\"Out of Lovable Credits? Cheaper Alternatives in 2026\"}]]}],[\"$\",\"$L1e\",\"design-system-tools\",{\"href\":\"/blog/design-system-tools\",\"className\":\"group block\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[16/10] overflow-hidden rounded-2xl border border-neutral-200 bg-neutral-100\",\"children\":[\"$\",\"$L1f\",null,{\"src\":\"/images/blog/v/3b37a35a/design-system-tools.jpg\",\"alt\":\"\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100v
18w, 33vw\",\"className\":\"object-cover transition-transform duration-500 ease-out group-hover:scale-[1.03]\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center gap-2 text-[12.5px] text-neutral-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-neutral-500\",\"children\":\"Tutorials\"}],\"$L20\",\"$L21\"]}],\"$L22\"]}]]}],\"$L23\"]}]}],\"$L24\"]}],\"$L25\"]}],null,\"$L26\"]}]\n"])</script>
18<script>self.__next_f.push([1,"8:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L27\",null,{\"children\":\"$L28\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L29\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$2a\",null,{\"fallback\":null,\"children\":\"$L2b\"}]}]}]]}]\n"])</script>
18<script>self.__next_f.push([1,"2c:I[1256,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n2d:I[5695,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n2e:I[4431,[],\"OutletBoundary\"]\n30:I[5278,[],\"AsyncMetadataOutlet\"]\n20:[\"$\",\"span\",null,{\"children\":\"·\"}]\n21:[\"$\",\"span\",null,{\"children\":\"17 min read\"}]\n22:[\"$\",\"h3\",null,{\"className\":\"mt-2 text-[17px] font-semibold leading-snug tracking-[-0.015em] text-neutral-950 group-hover:text-[#1e90ff]\",\"children\":\"The 10 Best Design System Tools for 2026\"}]\n23:[\"$\",\"$L1e\",null,{\"href\":\"/blog\",\"className\":\"mt-10 inline-block text-[14px] font-medium text-neutral-600 link-draw underline-offset-4 hover:text-neutral-950 sm:hidden\",\"children\":\"All posts â\"}]\n24:[\"$\",\"$L2c\",null,{}]\n25:[\"$\",\"$L2d\",null,{}]\n26:[\"$\",\"$L2e\",null,{\"children\":[\"$L2f\",[\"$\",\"$L30\",null,{\"promise\":\"$@31\"}]]}]\n"])</script>
18<script>self.__next_f.push([1,"28:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#F8FAFC\"}]]\n"])</script>
18<script>self.__next_f.push([1,"2f:null\n"])</script>
18<script>self.__next_f.push([1,"32:I[622,[],\"IconMark\"]\n"])</script>
18<script>self.__next_f.push([1,"31:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"AI App Builder to Build \u0026 Deploy Apps | WebTwizz\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"WebTwizz\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"AI app builder,no-code app builder,app builder,build an app without coding,app creator,visual app builder,drag and drop app builder,create an app online\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"WebTwizz\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"WebTwizz\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"category\",\"content\":\"Technology\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://webtwizz.com\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"AI App Builder to Build \u0026 Deploy Apps | WebTwizz\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://webtwizz.com\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"WebTwizz\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://webtwizz.com/og-image.png\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"WebTwizz - Build apps in minutes with AI. Edit visually.\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:creator\",\"content\":\"@webtwizz\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"AI App Builder to Build \u0026 Deploy Apps | WebTwizz\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Describe your app in plain English and WebTwizz's AI builds a real, deployed full-stack app you own. Visual builder, code, and custom domains. Start free.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://webtwizz.com/og-image.png\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:alt\",\"content\":\"WebTwizz - Build apps in minutes with AI. Edit visually.\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L32\",\"31\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
18<script>self.__next_f.push([1,"2b:\"$31:metadata\"\n"])</script>
18<script>self.__next_f.push([1,"33:I[4488,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n34:I[5091,[\"5592\",\"static/chunks/c15bf2b0-bfa95b308e62c6cc.js\",\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"5239\",\"static/chunks/5239-d16beac432183c22.js\",\"7605\",\"static/chunks/7605-969a9ba5b90a2cdb.js\",\"5580\",\"static/chunks/5580-534ce11408ffe2f7.js\",\"2691\",\"static/chunks/2691-f66c36a9890e252e.js\",\"373\",\"static/chunks/373-0aff6061110ba0a1.js\",\"2703\",\"static/chunks/2703-42112df5642b5819.js\",\"1167\",\"static/chunks/1167-62544807c20f22d4.js\",\"9721\",\"static/chunks/9721-4b26ddff0a0a026e.js\",\"9234\",\"static/chunks/9234-fe6598818d2438fb.js\",\"8974\",\"static/chunks/app/page-da6d3ff5b6a93f28.js\"],\"default\"]\n"])</script>
18<script>self.__next_f.push([1,"19:[\"$\",\"section\",null,{\"className\":\"tpl-ground relative overflow-hidden py-16 sm:py-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative mx-auto mb-14 flex max-w-6xl items-end justify-between gap-8 px-6 sm:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\" \",\"children\":[false,[\"$\",\"div\",null,{\"className\":\"mt-6 \",\"children\":[\"$\",\"$L1c\",null,{\"label\":\"templates\",\"inset\":-9,\"chip\":\"top-left\",\"children\":[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-[clamp(1.9rem,2.6vw+1rem,2.9rem)] font-[700] leading-[1.06] tracking-[-0.032em] text-neutral-950 max-w-[18ch]\",\"style\":{\"fontFamily\":\"var(--font-family-display)\"},\"children\":[\"$\",\"$L1d\",null,{\"text\":\"Start from a working app.\"}]}]}]}],[\"$\",\"p\",null,{\"className\":\"mt-6 max-w-[46ch] text-[14.5px] leading-[1.55] text-neutral-500 \",\"children\":\"Open a template in the builder with its data, auth and payments already wired, then make it yours.\"}]]}],[\"$\",\"$L33\",null,{\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/templates\",\"className\":\"press hidden h-11 shrink-0 items-center rounded-full border px-5 text-[14px] font-medium hover:bg-[var(--color-background-button-hover)] sm:inline-flex\",\"style\":{\"borderColor\":\"var(--color-border-button)\",\"background\":\"var(--color-background-button)\",\"color\":\"var(--color-text-primary)\"},\"children\":\"Browse templates â\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[\"$\",\"$L34\",null,{\"templates\":[{\"slug\":\"snaglist\",\"name\":\"Snaglist\",\"tagline\":\"Site inspection on a phone, signed before you leave\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/snaglist/preview?v=ca5192c53c\",\"previewUrl\":\"https://snaglist.webtwizz.app\"},{\"slug\":\"groundfloor\",\"name\":\"Groundfloor\",\"tagline\":\"Onboarding software with an interactive ninety-day plan\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/groundfloor/preview?v=c797c5443d\",\"previewUrl\":\"https://groundfloor.webtwizz.app\"},{\"slug\":\"morning-order\",\"name\":\"Morning Order\",\"tagline\":\"Skincare shop with a routine builder\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/morning-order/preview?v=7851b357a7\",\"previewUrl\":\"https://morning-order.webtwizz.app\"},{\"slug\":\"handover\",\"name\":\"Handover\",\"tagline\":\"Shift scheduling for small teams\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/handover/preview?v=05de90c5cf\",\"previewUrl\":\"https://handover.webtwizz.app\"},{\"slug\":\"overlap\",\"name\":\"Overlap\",\"tagline\":\"Find the hour that works for everyone\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/overlap/preview?v=a024bfd66d\",\"previewUrl\":\"https://overlap.webtwizz.app\"},{\"slug\":\"interval\",\"name\":\"Interval\",\"tagline\":\"Conference site with a live programme grid\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/interval/preview?v=23b16e0b3c\",\"previewUrl\":\"https://interval.webtwizz.app\"},{\"slug\":\"off-season\",\"name\":\"Off Season\",\"tagline\":\"Coming soon page with a countdown and a list\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/off-season/preview?v=a03e7c8625\",\"previewUrl\":\"https://off-season.webtwizz.app\"}
18,{\"slug\":\"pawsh\",\"name\":\"Pawsh\",\"tagline\":\"Dog grooming salon with a set list and booking\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/pawsh/preview?v=8f23a458d1\",\"previewUrl\":\"https://pawsh.webtwizz.app\"},{\"slug\":\"remit\",\"name\":\"Remit\",\"tagline\":\"Invoicing for freelancers, paid on time\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/remit/preview?v=cb0be5cc8d\",\"previewUrl\":\"https://remit.webtwizz.app\"},{\"slug\":\"blockhead\",\"name\":\"Blockhead\",\"tagline\":\"One-button tower stacker\",\"category\":\"games\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/blockhead/preview?v=9b6a15e0e1\",\"previewUrl\":\"https://blockhead.webtwizz.app\"},{\"slug\":\"glasswork\",\"name\":\"Glasswork\",\"tagline\":\"Light-routing puzzle\",\"category\":\"games\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/glasswork/preview?v=66314d76aa\",\"previewUrl\":\"https://glasswork.webtwizz.app\"},{\"slug\":\"kitty\",\"name\":\"Kitty\",\"tagline\":\"Shared expenses, settled in as few payments as possible\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/kitty/preview?v=c4174515ab\",\"previewUrl\":\"https://kitty.webtwizz.app\"},{\"slug\":\"ballpark\",\"name\":\"Ballpark\",\"tagline\":\"Quotes and estimates for service teams\",\"category\":\"apps\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/ballpark/preview?v=889ae59f77\",\"previewUrl\":\"https://ballpark.webtwizz.app\"},{\"slug\":\"tenon\",\"name\":\"Tenon\",\"tagline\":\"Furniture store with shoppable rooms\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/tenon/preview?v=2ca0810c80\",\"previewUrl\":\"https://tenon.webtwizz.app\"},{\"slug\":\"foldout\",\"name\":\"Foldout\",\"tagline\":\"Editorial portfolio for a design studio\",\"category\":\"websites\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/foldout/preview?v=da7f7a5f0c\",\"previewUrl\":\"https://foldout.webtwizz.app\"},{\"slug\":\"nine-letters\",\"name\":\"Nine Letters\",\"tagline\":\"Nine tiles a day, one long word to find\",\"category\":\"games\",\"author\":\"WebTwizz\",\"thumbnail\":\"https://app.webtwizz.com/gallery/templates/nine-letters/preview?v=555bdab38b\",\"previewUrl\":\"https://nine-letters.webtwizz.app\"}]}]}],\"$L35\"]}]\n"])</script>
18<script>self.__next_f.push([1,"35:[\"$\",\"div\",null,{\"className\":\"relative mt-12 px-6 sm:hidden\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/templates\",\"className\":\"press inline-flex h-11 items-center rounded-full border px-5 text-[14px] font-medium\",\"style\":{\"borderColor\":\"var(--color-border-button)\",\"background\":\"var(--color-background-button)\",\"color\":\"var(--color-text-primary)\"},\"children\":\"Browse templates â\"}]}]\n"])</script>
18</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.