<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="apple-touch-icon" href="/icon-192x192.png"><link rel="apple-touch-icon" sizes="192x192" href="/icon-192x192.png"><link rel="apple-touch-icon" sizes="152x152" href="/icon-152x152.png"><link rel="apple-touch-icon" sizes="144x144" href="/icon-144x144.png"><link rel="apple-touch-icon" sizes="128x128" href="/icon-128x128.png"><link rel="apple-touch-icon" sizes="96x96" href="/icon-96x96.png"><link rel="apple-touch-icon" sizes="72x72" href="/icon-72x72.png"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="keywords" content="design automation, canva api, design templates, design layers, api, automation, design variations"><meta name="author" content="Layerre"><meta name="robots" content="index, follow"><meta name="application-name" content="Layerre"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="Layerre"><meta name="format-detection" content="telephone=no"><meta name="mobile-web-app-capable" content="yes"><meta name="msapplication-TileColor" content="#f8fafc"><meta name="msapplication-tap-highlight" content="no"><link rel="manifest" href="/manifest.json"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&amp;family=Nunito:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"><link rel="preconnect" href="https://startupfa.me"><link rel="preconnect" href="https://www.tinylaunch.com"><link rel="preconnect" href="https://toolfio.com"><link rel="preconnect" href="https://launchaf.com"><link rel="preconnect" href="https://confettisaas.com"><link rel="preconnect" href="https://www.codehype.ai"><script type="application/ld+json">{
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Layerre",
      "description": "Bulk-generate Canva content at scale with Layerre's API. Automate design variations, turn Canva designs into templates, and scale content production. Get started!",
      "url": "https://layerre.com",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "publisher": {
        "@type": "Organization",
        "name": "Layerre",
        "url": "https://layerre.com"
      },
      "offers": {
        "@type": "AggregateOffer",
        "priceCurrency": "USD",
        "lowPrice": "0",
        "highPrice": "99",
        "offerCount": "4",
        "offers": [
          {
            "@type": "Offer",
            "name": "Free",
            "price": "0",
            "priceCurrency": "USD",
            "description": "50 credits"
          },
          {
            "@type": "Offer",
            "name": "Starter",
            "price": "15",
            "priceCurrency": "USD",
            "description": "500 credits per month"
          },
          {
            "@type": "Offer",
            "name": "Plus",
            "price": "29",
            "priceCurrency": "USD",
            "description": "2,000 credits per month"
          },
          {
            "@type": "Offer",
            "name": "Pro",
            "price": "99",
            "priceCurrency": "USD",
            "description": "20,000 credits per month"
          }
        ]
      }
    }</script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied",wait_for_update:500})</script><script defer="defer" src="/static/js/main.7ff58791.js"></script><link href="/static/css/main.a8f3bcef.css" rel="stylesheet"><title>Layerre - The API for automating designs</title><meta name="description" content="Bulk-generate Canva content at scale with Layerre's API. Automate design variations, turn Canva designs into templates, and scale content production. Get started!"><meta property="og:type" content="website"><meta property="og:url" content="https://layerre.com"><meta property="og:title" content="Layerre - The API for automating designs"><meta property="og:description" content="Bulk-generate Canva content at scale with Layerre's API. Automate design variations, turn Canva designs into templates, and scale content production. Get started!"><meta property="og:image" content="https://layerre.com/link-card.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="Layerre"><meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@layerre"><meta name="twitter:creator" content="@layerre"><meta name="twitter:title" content="Layerre - The API for automating designs"><meta name="twitter:description" content="Bulk-generate Canva content at scale with Layerre's API. Automate design variations, turn Canva designs into templates, and scale content production. Get started!"><meta name="twitter:image" content="https://layerre.com/link-card.png"><meta name="twitter:image:alt" content="Layerre - The API for automating designs"><meta name="twitter:domain" content="layerre.com"><meta name="twitter:url" content="https://layerre.com"><link rel="canonical" href="https://layerre.com"><link rel="preload" as="script" href="/static/js/main.7ff58791.js"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><nav id="seo-internal-links" aria-label="Site map" style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden"><a href="/">Home</a> <a href="/docs/">API Documentation</a> <a href="/pricing/">Pricing</a> <a href="/blog/">Blog</a> <a href="/whats-new/">What's New</a> <a href="/whats-new/google-sheets-import/">Create variations from Google Sheets</a> <a href="/whats-new/dashboard-search-and-tags/">Search and tags for your designs</a> <a href="/whats-new/combined-pdf-exports/">Bulk and combined PDF exports</a> <a href="/whats-new/multi-page-canva-imports/">Multi-page Canva imports</a> <a href="/whats-new/profile-settings-and-autosave/">Profile settings and autosave</a> <a href="/whats-new/more-control-over-exports-and-images/">More Control Over Exports and Images</a> <a href="/whats-new/table-and-sheet-support/">Tables and Sheets Support</a> <a href="/blog/from-canva-template-to-customers/">From a Canva Template to Customers</a> <a href="/blog/5-canva-design-automation-tools-to-scale-visual-content-production/">5 Canva Design Automation Tools</a> <a href="/blog/scale-ad-creative-generation/">Scale Ad Creative Generation</a> <a href="/blog/using-ai-in-design-automation/">Using AI in Design Automation</a> <a href="/blog/bulk-certificate-generator-canva/">Bulk certificate generator</a> <a href="/blog/certificate-templates-canva-bulk/">Certificate templates</a> <a href="/blog/custom-og-image-template/">Custom OG image template</a> <a href="/blog/open-graph-image-guide/">Open Graph image guide</a> <a href="/blog/link-preview-og-twitter-card-generators-compared/">Link preview generators</a> <a href="/blog/og-template-sizes/">OG template sizes</a> <a href="/faq/how-to-make-employee-welcome-images/">Employee welcome images</a> <a href="/faq/what-are-the-best-automated-graphics-tools/">Automated graphics tools</a> <a href="/faq/how-to-make-id-badges-in-bulk/">Bulk ID badges</a> <a href="/faq/how-to-make-event-tickets-in-bulk/">Event tickets</a> <a href="/faq/how-to-automate-picture-creation/">Automate picture creation</a> <a href="/faq/how-to-generate-an-image-url/">Generate an image URL</a> <a href="/og-card-preview/">OG card preview</a> <a href="/og-image-sizes/">OG image sizes</a> <a href="/bulk-create-csv-checker/">Bulk Create CSV checker</a> <a href="/canva-palette/">Canva palette extractor</a> <a href="/faq/how-to-generate-certificates-in-bulk/">Generate certificates in bulk</a> <a href="/faq/how-to-mail-merge-in-canva/">Mail merge in Canva</a> <a href="/alternatives/polotno-alternatives/">Polotno alternatives</a> <a href="/integrations/">Integrations</a> <a href="/integrations/make/">Make</a> <a href="/integrations/n8n/">n8n Integration</a> <a href="/integrations/zapier/">Zapier Integration</a> <a href="/integrations/airtable/">Airtable Integration</a> <a href="/integrations/google-sheets/">Google Sheets Integration</a> <a href="/integrations/notion/">Notion Integration</a> <a href="/integrations/hubspot/">HubSpot Integration</a> <a href="/integrations/webflow/">Webflow Integration</a> <a href="/integrations/shopify/">Shopify Integration</a> <a href="/integrations/wordpress/">WordPress Integration</a> <a href="/integrations/typeform/">Typeform Integration</a> <a href="/integrations/slack/">Slack Integration</a> <a href="/use-cases/">Use Cases</a> <a href="/use-cases/instagram-automation/">Instagram Automation</a> <a href="/use-cases/email-certificate-automation/">Email Certificate Automation</a> <a href="/use-cases/auto-generate-certificates-from-spreadsheet/">Auto Generate Certificates from Spreadsheet</a> <a href="/use-cases/bulk-image-generation-from-spreadsheet/">Bulk Image Generation from Spreadsheet</a> <a href="/use-cases/ad-creation-funnel-ads/">Ad Creation Funnel Ads</a> <a href="/use-cases/marketing-agencies/">Design automation for marketing agencies</a> <a href="/use-cases/ecommerce-brands/">Design automation for e-commerce brands</a> <a href="/use-cases/social-media-managers/">Design automation for social media managers</a> <a href="/use-cases/saas-companies/">Design automation for SaaS companies</a> <a href="/use-cases/education-platforms/">Design automation for education platforms</a> <a href="/use-cases/event-organizers/">Design automation for event organizers</a> <a href="/use-cases/print-on-demand/">Design automation for print-on-demand</a> <a href="/use-cases/hr-teams/">Design automation for HR teams</a> <a href="/use-cases/real-estate-teams/">Real estate listing flyer automation</a> <a href="/use-cases/wordpress-featured-images-from-layerre/">What WordPress Does When You Upload a Layerre Image</a> <a href="/tutorials/">Video Tutorials</a> <a href="/tutorials/make-google-sheets-to-layerre-to-drive/">Make Tutorial 1: Google Sheets to Layerre to Drive</a> <a href="/tutorials/make-openai-to-layerre-images/">Make Tutorial 2: OpenAI to Layerre Images</a> <a href="/tutorials/make-json-multilingual-layerre/">Make Tutorial 3: JSON Multilingual with Layerre</a> <a href="/tutorials/zapier-google-sheets-to-layerre-to-drive/">Zapier Tutorial 1: Google Sheets to Layerre to Drive</a> <a href="/tutorials/zapier-typeform-to-layerre/">Zapier Tutorial 2: Typeform to Layerre</a> <a href="/tutorials/zapier-airtable-to-layerre/">Zapier Tutorial 3: Airtable to Layerre</a> <a href="/compare/">Compare</a> <a href="/compare/layerre-vs-bannerbear/">Layerre vs BannerBear</a> <a href="/compare/layerre-vs-orshot/">Layerre vs Orshot</a> <a href="/compare/layerre-vs-templated/">Layerre vs Templated</a> <a href="/compare/layerre-vs-canva-api/">Layerre vs Canva API</a> <a href="/compare/layerre-vs-canva-bulk-create/">Layerre vs Canva Bulk Create</a> <a href="/compare/layerre-vs-storyteq/">Layerre vs Storyteq</a> <a href="/compare/layerre-vs-shotstack/">Layerre vs Shotstack</a> <a href="/compare/layerre-vs-creatopy/">Layerre vs Creatopy</a> <a href="/compare/layerre-vs-renderform/">Layerre vs Renderform</a> <a href="/compare/layerre-vs-placid/">Layerre vs Placid</a> <a href="/compare/layerre-vs-abyssale/">Layerre vs Abyssale</a> <a href="/compare/layerre-vs-creatomate/">Layerre vs Creatomate</a> <a href="/compare/layerre-vs-dynapictures/">Layerre vs DynaPictures</a> <a href="/compare/layerre-vs-pixelixe/">Layerre vs Pixelixe</a> <a href="/alternatives/">Alternatives</a> <a href="/alternatives/bannerbear-alternatives/">BannerBear Alternatives</a> <a href="/alternatives/orshot-alternatives/">Orshot Alternatives</a> <a href="/alternatives/templated-alternatives/">Templated Alternatives</a> <a href="/alternatives/canva-api-alternatives/">Canva API Alternatives</a> <a href="/alternatives/canva-bulk-create-alternatives/">Canva Bulk Create Alternatives</a> <a href="/alternatives/storyteq-alternatives/">Storyteq Alternatives</a> <a href="/alternatives/shotstack-alternatives/">Shotstack Alternatives</a> <a href="/alternatives/creatopy-alternatives/">Creatopy Alternatives</a> <a href="/alternatives/renderform-alternatives/">Renderform Alternatives</a> <a href="/alternatives/placid-alternatives/">Placid Alternatives</a> <a href="/alternatives/abyssale-alternatives/">Abyssale Alternatives</a> <a href="/alternatives/creatomate-alternatives/">Creatomate Alternatives</a> <a href="/alternatives/dynapictures-alternatives/">DynaPictures Alternatives</a> <a href="/alternatives/pixelixe-alternatives/">Pixelixe Alternatives</a> <a href="/faq/">FAQ</a> <a href="/faq/how-to-automate-canva-designs/">How do you automate Canva designs?</a> <a href="/faq/what-is-design-automation/">What is design automation?</a> <a href="/faq/what-is-an-image-generation-api/">What is an image generation API?</a> <a href="/faq/how-to-generate-bulk-images-from-canva-template/">Generate bulk images from a Canva template</a> <a href="/faq/canva-bulk-create-vs-api-automation/">Canva Bulk Create vs API automation</a> <a href="/faq/can-you-use-canva-api-without-enterprise/">Can you use the Canva API without Enterprise?</a> <a href="/faq/how-to-generate-images-from-api/">Generate images from an API</a> <a href="/faq/how-to-generate-dynamic-og-images/">Generate dynamic OG images</a> <a href="/faq/how-to-connect-google-sheets-to-image-generation/">Connect Google Sheets to image generation</a> <a href="/faq/how-to-generate-images-from-airtable-data/">Generate images from Airtable data</a> <a href="/faq/how-to-automate-social-media-images/">Automate social media images</a> <a href="/faq/how-to-automate-ecommerce-product-images/">Automate e-commerce product images</a> <a href="/faq/how-to-automate-real-estate-marketing-images/">Automate listing flyers with live property data</a> <a href="/faq/how-to-automate-certificate-generation/">Automate certificate generation</a> <a href="/faq/how-to-generate-personalized-images-at-scale/">Generate personalized images at scale</a> <a href="/faq/how-to-create-ad-creatives-at-scale/">Create ad creatives at scale</a> <a href="/faq/who-needs-design-automation/">Who needs design automation?</a> <a href="/faq/how-to-use-make-with-canva-design-automation/">Use Make with Canva design automation</a> <a href="/faq/how-to-use-zapier-with-canva-design-automation/">Use Zapier with Canva design automation</a> <a href="/faq/how-to-use-n8n-with-canva-design-automation/">Use n8n with Canva design automation</a> <a href="/faq/what-image-formats-does-design-automation-support/">What image formats are supported?</a> <a href="/faq/design-automation-api-vs-no-code/">API vs no-code for design automation</a> <a href="/faq/how-to-set-up-canva-template-for-automation/">Set up a Canva template for automation</a> <a href="/faq/can-you-change-colors-and-fonts-with-canva-automation/">Change colors and fonts with automation</a> <a href="/faq/how-much-does-design-automation-cost/">How much does design automation cost?</a> <a href="/faq/how-to-build-image-generation-into-your-saas/">Build image generation into your SaaS</a> <a href="/faq/what-is-the-best-image-generation-api/">Best image generation API</a> <a href="/faq/how-to-generate-pdfs-from-canva-templates/">Generate PDFs from Canva templates</a> <a href="/faq/how-to-generate-images-from-csv/">Generate images from a CSV file</a> <a href="/faq/template-based-vs-ai-image-generation/">Template-based vs AI image generation</a> <a href="/faq/how-to-generate-multiple-image-sizes-at-once/">Generate multiple image sizes at once</a> <a href="/faq/how-to-automate-multi-page-canva-designs/">Automate multi-page Canva designs</a> <a href="/faq/build-vs-buy-image-generation-api/">Build vs buy an image generation API</a> <a href="/faq/how-to-migrate-from-bannerbear/">Migrate from BannerBear to Layerre</a> <a href="/faq/shotstack-pricing/">Shotstack pricing and free tier</a> <a href="/faq/polotno-studio-vs-canva/">Polotno Studio vs Canva</a> <a href="/glossary/">Glossary</a> <a href="/glossary/design-automation/">Design Automation</a> <a href="/glossary/image-generation-api/">Image Generation API</a> <a href="/glossary/dynamic-template/">Dynamic Template</a> <a href="/glossary/canva-import/">Canva Import</a> <a href="/glossary/template-layer/">Template Layer</a> <a href="/glossary/bulk-image-generation/">Bulk Image Generation</a> <a href="/glossary/creative-automation/">Creative Automation</a> <a href="/glossary/render-credits/">Render Credits</a> <a href="/glossary/rest-api/">REST API</a> <a href="/glossary/no-code-automation/">No-Code Automation</a> <a href="/glossary/open-graph-image/">Open Graph Image</a> <a href="/glossary/canva-connect-api/">Canva Connect API</a> <a href="/glossary/canva-bulk-create/">Canva Bulk Create</a> <a href="/glossary/webhook/">Webhook</a> <a href="/glossary/ad-creative-automation/">Ad Creative Automation</a> <a href="/glossary/personalized-image/">Personalized Image</a> <a href="/glossary/image-format/">Image Format</a> <a href="/glossary/design-variant/">Design Variant</a> <a href="/glossary/canva-autofill/">Canva Autofill</a> <a href="/glossary/template-based-rendering/">Template-Based Rendering</a> <a href="/glossary/brand-template/">Brand Template</a> <a href="/glossary/multipage-template/">Multipage Template</a> <a href="/glossary/creative-operations/">Creative Operations</a> <a href="/glossary/layer-override/">Layer Override</a> <a href="/glossary/variable-data-printing/">Variable Data Printing</a> <a href="/terms/">Terms</a> <a href="/privacy/">Privacy</a> <a href="/dpa/">Data Processing Addendum</a> <a href="/limitations/">Limitations</a></nav><div id="root"><div id="directory-badges" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden"><a href="https://toolfio.com" target="_blank" rel="dofollow"><img src="https://toolfio.com/toolfio-light-badge.png" alt="Featured on Toolfio" width="200" height="54"></a><a href="https://rankinpublic.xyz/products/layerre.com" target="_blank"><img src="https://rankinpublic.xyz/api/badges/badge3.png?site=layerre.com" alt="Featured on RankInPublic" title="Featured on RankInPublic" width="250" height="80"></a><a href="https://launchpanda.dev/launches/saas/layerre" target="_blank" rel="noopener"><img src="https://launchpanda.dev/images/badges/launchpanda-badge.svg" alt="Launched on LaunchPanda" width="260" height="64"></a><a href="https://launch-list.org/product/layerre" target="_blank" rel="noopener"><img src="https://launch-list.org/badges/svg/launch_list_badge_live.svg" alt="Launch List Badge" height="50"></a><a href="https://verifieddr.com/website/layerre-com" target="_blank" rel="noopener"><img src="https://verifieddr.com/badge/layerre-com.svg?metric=truedr" alt="Verified DR - Verified Domain Rating for layerre.com" width="220" height="68"></a><a href="https://www.betterlaunch.co/product/layerre"><img src="https://www.betterlaunch.co/badge-launching-dark.svg" alt="Better Launch" width="200" height="56"></a><a href="https://www.scrolllaunch.com/products/layerre?utm_source=badge&amp;utm_medium=embed&amp;utm_campaign=layerre&amp;ref=scrolllaunch" target="_blank" rel="noopener noreferrer"><img src="https://www.scrolllaunch.com/api/badge/layerre" alt="Featured on ScrollLaunch" width="220" height="48" loading="lazy"></a><a href="https://easylaunch.dev/marketing/layerre" target="_blank" rel="noopener"><img src="https://easylaunch.dev/badge/easylaunch-badge-light.svg" alt="Featured on EasyLaunch" width="188" height="56"></a><a href="http://easydofollow.dev/saas/layerre" target="_blank" rel="noopener"><img src="http://easydofollow.dev/badge/easydofollow-badge-light.svg" alt="Featured on EasyDoFollow" width="188" height="56"></a><a href="https://huzzler.so/products/3iR6lMWxW9/layerre?utm_source=huzzler_product_website&amp;utm_medium=badge&amp;utm_campaign=free_listing" target="_blank" rel="noopener noreferrer"><img alt="Huzzler Embed Badge" src="https://huzzler.so/assets/images/embeddable-badges/featured.png" width="159" height="55"></a><a href="https://startupbase.io/products/layerre?utm_source=startupbase&amp;utm_medium=badge&amp;utm_campaign=launch-badge-light" target="_blank" rel="noopener noreferrer"><img src="https://statics.startupbase.io/site/badges/launched-on-sb.svg" alt="Launched on StartupBase" height="55" style="height:55px;width:auto"> </a><a href="https://launchpadly.co/startup/layerre?ref=badge" target="_blank" rel="noopener noreferrer" data-launchpadly-badge="layerre" data-launchpadly-badge-variant="listed-on"><img src="https://launchpadly.co/embed/badges/startup/layerre.svg?variant=listed-on" alt="Launchpadly Startup Directory" width="260" height="48" style="display:block;border:0"></a><a href="https://kittylaunch.com/p/layerre" target="_blank" rel="noopener"><img src="https://kittylaunch.com/api/public/badges/launch_badge.svg?theme=light&amp;name=Layerre" width="280" alt="Layerre on KittyLaunch" data-kittylaunch-badge="1"></a><a href="https://launchnest.io/p/layerre" target="_blank"><img src="https://launchnest.io/badge/layerre.svg?variant=listed" alt="Layerre on LaunchNest" width="220" height="56"></a><a href="https://nicklaunches.com/products/layerre/" target="_blank" rel="noopener"><img src="https://nicklaunches.com/badges/featured.png" alt="Layerre on Nick Launches" width="244" height="56"></a><a href="https://www.traffiklist.com/p/layerre" target="_blank" rel="noopener"><img src="https://www.traffiklist.com/badge.svg" alt="Featured on Traffiklist" width="220" height="56"></a><a href="https://saascity.io" target="_blank" rel="noopener"><img src="https://saascity.io/badges/featured-dark.svg" alt="Featured on SaaSCity" width="150" height="54"> </a><a href="https://sharefast.co/?ref=mulmigqdi-q_aort" target="_blank" rel="noopener noreferrer"><img src="https://sharefast.co/sharefast-featured-badge.svg" alt="Featured on Share Fast" width="220" height="68"></a><a href="https://dofollow.tools" target="_blank"><img src="https://dofollow.tools/badge/badge_light.svg" alt="Featured on Dofollow.Tools" width="200" height="54"></a><a href="https://neeed.directory" target="_blank" rel="noopener"><img src="https://neeed.directory/badges/neeed-badge-light.svg" alt="Featured on neeed.directory" width="139"> </a><a href="https://alternative.tools/item/layerre?utm_source=badge&amp;utm_medium=referral&amp;utm_campaign=featured-badge" target="_blank" rel="dofollow"><img src="https://alternative.tools/badge.svg?theme=light&amp;width=200&amp;height=54" alt="Featured on Alternative.tools" width="200" height="54" loading="lazy"></a><a href="https://useneedle.net/directory/layerre">https://useneedle.net/directory/layerre</a> <a href="https://fazier.com/launches/layerre.com" target="_blank"><img src="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=launched&amp;theme=light" width="120" alt="Fazier badge"></a><a href="https://launched.tools/tools/layerre" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;background:#15170f;border:1px solid #d4d7c9;border-radius:10px;padding:8px 12px;text-decoration:none;font-family:sans-serif"><span style="width:22px;height:22px;border-radius:6px;background:#c6f94e;display:inline-flex;align-items:center;justify-content:center"><svg width="13" height="13" viewBox="128 120 264 264"><path d="M214 120 L392 120 L392 298 Z" fill="#15170F"></path><path d="M156 356 L322 190" stroke="#15170F" stroke-width="78" fill="none"></path></svg> </span><span style="display:flex;flex-direction:column;line-height:1.2"><span style="font-weight:700;font-size:12px;color:#f5f6f0">Featured on launched.tools</span> <span style="font-size:10px;color:#878c79">REVIEWED ✓</span> </span></a><a href="https://launchaf.com/" target="_blank" rel="noopener" data-launchaf-badge="true"><img src="https://launchaf.com/api/badge/light?v=launchaf-blue-2026-2" alt="Featured on LaunchAF" width="200" height="56"></a><a href="https://confettisaas.com/saas/layerre-com?ref=badge" target="_blank" rel="noopener" aria-label="View Layerre on ConfettiSaaS"><img src="https://confettisaas.com/badge-light.svg" width="250" height="54" alt="Layerre on ConfettiSaaS" loading="lazy" style="display:block"> </a><a href="https://www.codehype.ai/product/layerre?utm_source=codehype_badge" target="_blank" rel="noopener noreferrer"><img src="https://www.codehype.ai/badges/layerre.svg?variant=find-us&amp;v=20" alt="Featured on CodeHype" width="180" height="65" loading="lazy" decoding="async" style="display:inline-block;border:0;width:100%;max-width:180px;height:auto;max-height:65px"></a></div><div class="min-h-screen bg-white"><section class="relative pt-40 sm:pt-32 sm:min-h-[200vh] bg-[linear-gradient(135deg,#ffffff_0%,#fafbfc_38%,#f8f9fa_100%)] sm:bg-watercolor-gradient overflow-visible" style="position:relative"><div class="absolute top-8 left-4 right-4 z-20 flex items-center justify-between sm:top-6 sm:left-6 sm:right-6 lg:top-8 lg:left-8 lg:right-8"><a class="flex shrink-0 items-center rounded-md ring-offset-2 ring-offset-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40" href="/" data-discover="true"><img alt="Layerre Logo" width="5915" height="1459" class="h-8 w-auto sm:h-12 lg:h-16" src="/layerre-logo.svg"></a><nav class="flex shrink-0 items-center"><div class="hidden md:flex items-center gap-4 lg:gap-6"><a class="font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors underline-offset-4 decoration-primary-400/0 hover:decoration-primary-400/60 hover:underline" href="/pricing/" data-discover="true">Pricing</a><a class="font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors underline-offset-4 decoration-primary-400/0 hover:decoration-primary-400/60 hover:underline" href="/blog/" data-discover="true">Blog</a><a class="font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors underline-offset-4 decoration-primary-400/0 hover:decoration-primary-400/60 hover:underline" href="/tutorials/" data-discover="true">Tutorials</a><a class="font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors underline-offset-4 decoration-primary-400/0 hover:decoration-primary-400/60 hover:underline" href="/docs/" data-discover="true">Docs</a><div class="relative"><button type="button" aria-expanded="false" aria-haspopup="menu" class="inline-flex items-center gap-1 font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors">Free tools<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="font-sans text-sm sm:text-base text-slate-700 hover:text-primary-600 transition-colors underline-offset-4 decoration-primary-400/0 hover:decoration-primary-400/60 hover:underline" href="/docs/mcp/" data-discover="true">MCP</a><a href="https://cal.com/nicole-from-layerre-xevgq0" target="_blank" rel="noopener noreferrer" class="font-sans text-sm sm:text-base font-medium text-white bg-primary-600 hover:bg-primary-700 px-4 py-2 rounded-full transition-all shadow-sm hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2">Book a demo</a></div><div class="relative md:hidden"><button type="button" id="hero-mobile-nav-toggle" aria-expanded="false" aria-controls="hero-mobile-nav-panel" aria-label="Open menu" class="flex h-8 w-8 items-center justify-center rounded-md text-slate-800 hover:bg-slate-900/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav></div><div class="relative z-10 max-w-5xl mx-auto px-4 sm:px-8 lg:px-6 text-center sm:flex sm:items-center sm:min-h-screen sm:-mt-12 lg:-mt-20 pt-8 sm:pt-0"><div class="w-full"><h1 class="font-header text-4xl max-[360px]:text-[2.15rem] md:text-5xl lg:text-6xl xl:text-7xl font-bold mb-6 sm:mb-8 leading-[1.08] tracking-tight text-balance px-2 sm:px-8 [text-shadow:0_1px_2px_rgba(255,255,255,0.6)]"><span class="text-slate-800">Your Canva designs,</span><br><span class="flex w-full justify-center"><span class="whitespace-nowrap inline-flex items-baseline gap-[0.2em] max-[360px]:gap-[0.16em]"><span class="bg-gradient-to-r from-primary-400 to-primary-600 bg-clip-text text-transparent">automated</span><span class="text-slate-800">and</span><span class="bg-gradient-to-r from-primary-600 to-primary-700 bg-clip-text text-transparent">scaled</span></span></span></h1><p class="font-sans text-lg md:text-xl text-slate-600 mb-8 sm:mb-12 max-w-2xl mx-auto leading-relaxed px-2 text-pretty">Take an existing Canva design and generate bulk ads, social posts, and banners from a spreadsheet or API.</p><div class="max-w-md mx-auto px-2"><button class="font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 hover:bg-primary-600 relative w-full sm:w-auto sm:min-w-[280px] h-14 sm:h-16 text-base sm:text-lg font-semibold text-white shadow-lg shadow-primary-900/15 hover:shadow-xl transform hover:scale-[1.02] active:scale-[0.98] transition-all duration-200 rounded-full px-8 overflow-hidden group bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"><span class="relative z-10">Start automating for free</span><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700 ease-out"></div></button></div></div><div class="hidden sm:block absolute top-12 sm:top-16 lg:top-20 -right-8 sm:-right-12 lg:-right-16 xl:-right-20 animate-bounce-slow z-0"><img alt="Cloud Mascot 1" class="w-32 h-32 sm:w-40 sm:h-40 lg:w-48 lg:h-48" src="/larry-look-left.svg"></div><div class="hidden sm:block absolute bottom-12 sm:bottom-16 lg:bottom-20 -left-8 sm:-left-12 lg:-left-16 xl:-left-20 animate-float z-0"><img alt="Cloud Mascot 2" class="w-32 h-32 sm:w-40 sm:h-40 lg:w-48 lg:h-48" src="/larry-point-right.svg"></div></div><div class="sm:hidden absolute top-16 right-4 animate-bounce-slow z-0"><img alt="Cloud Mascot 1" class="w-24 h-24" src="/larry-look-left.svg"></div><div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-8 text-center mt-32 sm:mt-24 lg:mt-32"><div class="relative"><div class="sm:hidden absolute -left-12 -top-2 animate-float z-0"><img alt="Cloud Mascot 2" class="w-20 h-20" src="/larry-point-right.svg"></div><h2 class="font-header text-xl leading-snug sm:leading-relaxed sm:text-3xl md:text-4xl font-bold text-slate-800 pl-12 sm:pl-0">Our API is incredibly simple to use. Just a few lines of code.</h2></div></div><div class="relative z-10 mt-6 sm:mt-12"><div class="relative w-full max-w-7xl mx-auto px-4 sm:px-8 lg:px-12 py-6 sm:py-12"><div class="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-stretch"><div class="relative flex flex-col"><div class="bg-white rounded-lg shadow-2xl overflow-hidden flex-1 border border-slate-200"><div class="bg-slate-100 px-4 py-3 flex items-center gap-2 border-b border-slate-200"><div class="flex gap-2"><div class="w-3 h-3 rounded-full bg-red-500"></div><div class="w-3 h-3 rounded-full bg-yellow-500"></div><div class="w-3 h-3 rounded-full bg-green-500"></div></div><div class="ml-4 text-slate-600 text-xs font-mono">api-demo.sh</div></div><div class="p-4 sm:p-6 font-mono text-sm overflow-x-auto bg-white"><div class="text-slate-700"><span class="text-blue-600">curl</span> <span class="text-blue-500">-X</span> <span class="text-blue-600">POST</span> <span class="text-green-600">"https://api.layerre.com/v1/template/<span class="text-cyan-600">{template_id}</span>/variant"</span><br><span class="text-blue-500">-H</span> <span class="text-green-600">"Authorization: Bearer TOKEN"</span><br><span class="text-blue-500">-H</span> <span class="text-green-600">"Content-Type: application/json"</span><br><span class="text-blue-500">-d</span> <span class="text-green-600">'</span><span class="text-slate-800">{</span><br><span class="text-slate-800 ml-4">"overrides": [</span><br><span class="text-slate-800 ml-8">{</span><br><span class="text-slate-800 ml-12">"layer_id": "<span class="text-cyan-600">{layer_id}</span>",</span><br><span class="text-slate-800 ml-12">"properties": {</span><br><span class="text-slate-800 ml-16">"text": "<span class="inline-block text-amber-600" style="opacity:1;transform:none">Crunchy Croissant</span>"</span><br><span class="text-slate-800 ml-16">}</span><br><span class="text-slate-800 ml-8">},</span><br><span class="text-slate-800 ml-8">{</span><br><span class="text-slate-800 ml-12">"layer_id": "<span class="text-cyan-600">{layer_id}</span>",</span><br><span class="text-slate-800 ml-12">"properties": {</span><br><span class="text-slate-800 ml-16">"img_url": "<span class="inline-block text-orange-600" style="opacity:1;transform:none">https://images.net/croissant</span>"</span><br><span class="text-slate-800 ml-16">}</span><br><span class="text-slate-800 ml-8">}</span><br><span class="text-slate-800 ml-4">]</span><br><span class="text-slate-800">}</span><span class="text-green-600">'</span></div></div></div><div class="absolute -bottom-16 sm:-bottom-20 left-1/2 transform -translate-x-1/2 lg:left-auto lg:right-0 lg:translate-x-8 lg:-bottom-8 z-10"><img alt="Cloud Mascot" class="w-32 h-32 sm:w-56 sm:h-56 lg:w-64 lg:h-64 transform lg:-rotate-12 rotate-[40deg]" src="/larry-point-right.svg"></div></div><div class="relative flex flex-col"><div class="flex-1 flex items-center justify-center"><picture style="opacity:1;transform:none"><source srcset="/api_gif/1.webp" type="image/webp"><img alt="Crunchy Croissant" class="w-full h-full object-contain rounded-lg shadow-2xl" src="/api_gif/1.png"></picture></div></div></div></div></div><div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-8 text-center mt-8 sm:mt-16 lg:mt-20"><h2 class="font-header text-xl leading-snug sm:leading-relaxed sm:text-3xl md:text-4xl font-bold text-slate-800">Our UI makes it even easier. No code required.</h2></div><div class="relative w-full max-w-6xl lg:max-w-[95vw] mx-auto px-4 sm:px-8 lg:px-8 mt-12 sm:mt-64 lg:mt-16 pb-6 sm:pb-8 lg:pb-10"><div class="relative z-20 w-full max-w-5xl lg:max-w-[90vw] mx-auto" style="opacity:0;transform:scale(.4)"><div class="relative w-full aspect-video rounded-2xl overflow-hidden shadow-2xl ring-1 ring-slate-900/10"><div class="relative w-full h-full rounded-2xl overflow-hidden shadow-2xl w-full h-full"><video src="https://dtzpqdilmtbttdrwhboy.supabase.co/storage/v1/object/public/static/demo.mp4" class="w-full h-full object-cover" controls="" autoplay="" playsinline="" preload="auto" crossorigin="anonymous"></video></div></div></div></div><section class="relative overflow-hidden bg-transparent px-4 pb-28 pt-24 sm:px-6 sm:pb-36 sm:pt-28 lg:pb-44 lg:pt-32"><div class="relative z-10 mx-auto max-w-6xl"><div class="mb-12 text-center sm:mb-16 lg:mb-20" style="opacity:0;transform:translateY(24px)"><h2 class="font-header mb-4 text-3xl font-bold tracking-tight text-slate-800 text-balance sm:mb-6 sm:text-4xl lg:mb-6 lg:text-5xl">Make, Zapier &amp; n8n</h2><p class="font-sans mx-auto max-w-2xl text-base leading-relaxed text-slate-600 sm:text-lg lg:text-xl">Automate Layerre from the no-code platforms you already use, or call the <a class="font-medium text-primary-600 underline-offset-2 hover:underline" href="/docs/" data-discover="true">REST API</a> directly. <a class="font-medium text-primary-600 underline-offset-2 hover:underline" href="/integrations/" data-discover="true">View all integrations</a>.</p></div><div class="mx-auto flex max-w-6xl flex-row flex-nowrap justify-center gap-3 sm:gap-6 lg:gap-10"><div class="group min-w-0 w-auto shrink" style="opacity:0;transform:scale(.96)"><a href="https://www.make.com/en/integrations/layerre?utm_source=layerre-app&amp;utm_medium=partner&amp;utm_campaign=partner-listing" target="_blank" rel="noopener noreferrer" aria-label="Make website, opens in new tab" class="relative flex min-h-[4.75rem] items-center justify-center rounded-2xl border-0 bg-transparent px-2 py-5 shadow-none transition-all duration-200 hover:-translate-y-0.5 hover:bg-primary-50/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent sm:min-h-[10.5rem] sm:rounded-3xl sm:px-8 sm:py-14 lg:min-h-[14rem] lg:px-10 lg:py-16"><img alt="" class="max-h-11 w-auto object-contain sm:max-h-16 lg:max-h-28 xl:max-h-[7.25rem]" src="/integrations/make.png"></a></div><div class="group min-w-0 w-auto shrink" style="opacity:0;transform:scale(.96)"><a href="https://zapier.com/apps/layerre/integrations" target="_blank" rel="noopener noreferrer" aria-label="Zapier website, opens in new tab" class="relative flex min-h-[4.75rem] items-center justify-center rounded-2xl border-0 bg-transparent px-2 py-5 shadow-none transition-all duration-200 hover:-translate-y-0.5 hover:bg-primary-50/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent sm:min-h-[10.5rem] sm:rounded-3xl sm:px-8 sm:py-14 lg:min-h-[14rem] lg:px-10 lg:py-16"><img alt="" class="max-h-11 w-auto object-contain sm:max-h-16 lg:max-h-28 xl:max-h-[7.25rem]" src="/integrations/zapier.svg"></a></div><div class="group min-w-0 w-auto shrink" style="opacity:0;transform:scale(.96)"><a href="https://n8n.io/integrations/layerre/" target="_blank" rel="noopener noreferrer" aria-label="n8n website, opens in new tab" class="relative flex min-h-[4.75rem] items-center justify-center rounded-2xl border-0 bg-transparent px-2 py-5 shadow-none transition-all duration-200 hover:-translate-y-0.5 hover:bg-primary-50/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent sm:min-h-[10.5rem] sm:rounded-3xl sm:px-8 sm:py-14 lg:min-h-[14rem] lg:px-10 lg:py-16"><img alt="" class="max-h-11 w-auto object-contain sm:max-h-16 lg:max-h-28 xl:max-h-[7.25rem]" src="/integrations/n8n.png"></a></div></div></div></section></section><section class="relative z-10 mx-auto max-w-6xl px-4 py-12 sm:px-8 sm:py-16 lg:px-12"><div class="rounded-2xl border border-slate-200/80 bg-white/90 p-8 shadow-sm backdrop-blur-sm sm:p-10 lg:p-12"><div class="mx-auto max-w-3xl text-center"><h2 class="font-header mb-3 text-2xl font-bold text-slate-800 sm:text-3xl">Your first run in four steps</h2><p class="font-sans mb-10 text-base leading-relaxed text-slate-600 sm:mb-12">Start in the UI or follow <a class="font-medium text-primary-600 underline-offset-2 hover:underline" href="/docs/#quickstart" data-discover="true">the docs quickstart</a>.</p></div><ol class="mx-auto mb-14 grid max-w-4xl gap-6 sm:grid-cols-2 sm:gap-8 lg:mb-16"><li class="flex gap-4 rounded-xl bg-slate-50/80 p-5"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-100 text-sm font-semibold text-primary-700">1</span><div class="min-w-0"><p class="font-sans font-semibold text-slate-800">Import a Canva design</p><p class="font-sans mt-1 text-sm leading-relaxed text-slate-600">Paste a share link or try a sample template below.</p></div></li><li class="flex gap-4 rounded-xl bg-slate-50/80 p-5"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-100 text-sm font-semibold text-primary-700">2</span><div class="min-w-0"><p class="font-sans font-semibold text-slate-800">Mark dynamic layers</p><p class="font-sans mt-1 text-sm leading-relaxed text-slate-600">Choose which text and images change per variant.</p></div></li><li class="flex gap-4 rounded-xl bg-slate-50/80 p-5"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-100 text-sm font-semibold text-primary-700">3</span><div class="min-w-0"><p class="font-sans font-semibold text-slate-800">Generate variants</p><p class="font-sans mt-1 text-sm leading-relaxed text-slate-600">Use the dashboard, API, or Make / Zapier / n8n.</p></div></li><li class="flex gap-4 rounded-xl bg-slate-50/80 p-5"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary-100 text-sm font-semibold text-primary-700">4</span><div class="min-w-0"><p class="font-sans font-semibold text-slate-800">Export</p><p class="font-sans mt-1 text-sm leading-relaxed text-slate-600">Download PNG, JPEG, WebP, or PDF, or fetch URLs via API.</p></div></li></ol><div class="border-t border-slate-200 pt-10 sm:pt-12"><div class="mb-8 flex flex-col items-center gap-2 text-center sm:mb-10"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5 text-primary-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><h3 class="font-header text-xl font-semibold text-slate-800 sm:text-2xl">Sample Canva templates</h3></div><p class="font-sans max-w-xl text-sm leading-relaxed text-slate-600 sm:text-base">Preview a real layout, then import it in one click. No Canva file setup required.</p></div><div class="grid grid-cols-1 gap-5 sm:grid-cols-3 sm:gap-6"><a class="group overflow-hidden rounded-xl border border-slate-200 bg-slate-50 transition hover:border-primary-300 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500" href="/app/create" data-discover="true"><div class="aspect-[4/3] bg-white p-3 sm:p-4"><img alt="" class="h-full w-full object-contain" src="/canva_designs/canva_design_1.png"></div><p class="px-4 py-3 text-center text-sm font-medium text-slate-700 group-hover:text-primary-700">Facebook/Instagram Ad</p></a><a class="group overflow-hidden rounded-xl border border-slate-200 bg-slate-50 transition hover:border-primary-300 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500" href="/app/create" data-discover="true"><div class="aspect-[4/3] bg-white p-3 sm:p-4"><img alt="" class="h-full w-full object-contain" src="/canva_designs/canva_design_2.png"></div><p class="px-4 py-3 text-center text-sm font-medium text-slate-700 group-hover:text-primary-700">Etsy Listing</p></a><a class="group overflow-hidden rounded-xl border border-slate-200 bg-slate-50 transition hover:border-primary-300 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500" href="/app/create" data-discover="true"><div class="aspect-[4/3] bg-white p-3 sm:p-4"><img alt="" class="h-full w-full object-contain" src="/canva_designs/canva_design_3.png"></div><p class="px-4 py-3 text-center text-sm font-medium text-slate-700 group-hover:text-primary-700">LinkedIn Banner</p></a></div></div></div></section><section class="relative py-16 sm:py-20 lg:py-24 px-4 sm:px-6 bg-white overflow-hidden"><div class="max-w-6xl mx-auto relative z-10"><div class="text-center mb-12 sm:mb-16 lg:mb-20"><h2 class="font-header text-3xl sm:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 sm:mb-6">Trusted by teams who move fast</h2><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed">What customers say about building with Layerre</p></div><div class="grid sm:grid-cols-1 lg:grid-cols-2 max-w-6xl mx-auto gap-4 sm:gap-6"><div class="h-full" style="opacity:0;transform:translateY(30px)"><div class="rounded-lg border border-primary-100 bg-white/80 backdrop-blur-sm text-slate-900 shadow-sm hover:shadow-md transition-shadow duration-200 h-full flex flex-col"><div class="flex flex-col space-y-1.5 p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-primary-400 mb-2" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="p-6 pt-0 flex flex-col flex-1 gap-4"><blockquote class="flex-1 pb-4 font-sans text-base text-slate-700 leading-relaxed">"What stood out most to me about Layerre is how well it fits into automated workflows. It helps turn template-based asset creation into a much more scalable and efficient process, which has been incredibly useful for our projects. For many of our clients, it's also a strong and often more practical alternative to the larger, more common design tools. Nicole has also been a pleasure to work with throughout the process."</blockquote><div class="pt-2 mt-auto border-t border-slate-200"><cite class="not-italic"><div class="font-sans font-semibold text-slate-800">Julian Mennecke</div><div class="font-sans text-sm text-slate-600">Managing Director • <a href="https://www.promtum.ai/" target="_blank" rel="noopener noreferrer" class="text-primary-600 hover:underline">Promtum</a></div></cite></div></div></div></div><div class="h-full" style="opacity:0;transform:translateY(30px)"><div class="rounded-lg border border-primary-100 bg-white/80 backdrop-blur-sm text-slate-900 shadow-sm hover:shadow-md transition-shadow duration-200 h-full flex flex-col"><div class="flex flex-col space-y-1.5 p-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-primary-400 mb-2" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="p-6 pt-0 flex flex-col flex-1 gap-4"><blockquote class="flex-1 pb-4 font-sans text-base text-slate-700 leading-relaxed">"Every listing on Etsy needs mockup photos that look polished, not slapped together. Creating those mockups used to be our bottleneck. Layerre got rid of that bottleneck for us. No Photoshop, no manually editing templates by hand over and over again. Now, we simply generate the mockups, publish the listing, and focus our time on selling instead of assembling listing photos."</blockquote><div class="pt-2 mt-auto border-t border-slate-200"><cite class="not-italic"><div class="font-sans font-semibold text-slate-800">Chip</div><div class="font-sans text-sm text-slate-600">Etsy Seller • <a href="https://www.etsy.com/shop/ParadiseAve" target="_blank" rel="noopener noreferrer" class="text-primary-600 hover:underline">ParadiseAve</a></div></cite></div></div></div></div></div></div></section><section class="relative overflow-hidden bg-white px-4 py-16 sm:px-6 sm:py-20 lg:py-24"><div class="relative z-10 mx-auto max-w-6xl"><div class="mb-10 text-center sm:mb-14" style="opacity:0;transform:translateY(20px)"><h2 class="font-header mb-4 text-3xl font-bold text-slate-800 sm:text-4xl lg:text-5xl">Popular workflows</h2><p class="font-sans mx-auto max-w-2xl text-base leading-relaxed text-slate-600 sm:text-lg">Step-by-step guides for common jobs. Same Canva template in, many finished assets out.</p><a class="font-sans mt-4 inline-flex items-center gap-1 text-sm font-medium text-primary-600 hover:text-primary-700" href="/use-cases/" data-discover="true">Browse all use cases<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3 lg:gap-8"><div class="h-full" style="opacity:0;transform:translateY(24px)"><a class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm transition hover:border-primary-200 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2" href="/use-cases/bulk-image-generation-from-spreadsheet/" data-discover="true"><div class="relative aspect-[16/10] overflow-hidden bg-gradient-to-br from-primary-50/80 to-slate-100"><img alt="Bulk product images generated from a spreadsheet" class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.03]" loading="lazy" src="/blogs/bulk-image-generation-from-spreadsheet/1.jpeg"><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/25 via-transparent to-transparent opacity-60" aria-hidden="true"></div></div><div class="flex flex-1 flex-col p-5 sm:p-6"><h3 class="font-header mb-2 text-lg font-bold leading-snug text-slate-800 sm:text-xl">Ecommerce &amp; marketplaces</h3><p class="font-sans mb-5 flex-1 text-sm leading-relaxed text-slate-600 sm:text-base">Turn one product layout into listing photos, catalog updates, and marketplace assets from a spreadsheet or API.</p><span class="font-sans inline-flex items-center gap-1 text-sm font-semibold text-primary-600 transition-all group-hover:gap-2">See the workflow<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="h-full" style="opacity:0;transform:translateY(24px)"><a class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm transition hover:border-primary-200 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2" href="/use-cases/ad-creation-funnel-ads/" data-discover="true"><div class="relative aspect-[16/10] overflow-hidden bg-gradient-to-br from-primary-50/80 to-slate-100"><img alt="Ad creatives for different funnel stages" class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.03]" loading="lazy" src="/blogs/ad-creation-funnel-ads/1.png"><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/25 via-transparent to-transparent opacity-60" aria-hidden="true"></div></div><div class="flex flex-1 flex-col p-5 sm:p-6"><h3 class="font-header mb-2 text-lg font-bold leading-snug text-slate-800 sm:text-xl">Paid social &amp; ads</h3><p class="font-sans mb-5 flex-1 text-sm leading-relaxed text-slate-600 sm:text-base">Ship funnel-stage creatives and localized copy without reopening Canva for every size and variant.</p><span class="font-sans inline-flex items-center gap-1 text-sm font-semibold text-primary-600 transition-all group-hover:gap-2">See the workflow<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="h-full" style="opacity:0;transform:translateY(24px)"><a class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm transition hover:border-primary-200 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2" href="/use-cases/email-certificate-automation/" data-discover="true"><div class="relative aspect-[16/10] overflow-hidden bg-gradient-to-br from-primary-50/80 to-slate-100"><img alt="Automated certificate and email graphics" class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.03]" loading="lazy" src="/blogs/email-certificate-automation/1.png"><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/25 via-transparent to-transparent opacity-60" aria-hidden="true"></div></div><div class="flex flex-1 flex-col p-5 sm:p-6"><h3 class="font-header mb-2 text-lg font-bold leading-snug text-slate-800 sm:text-xl">Ops &amp; lifecycle</h3><p class="font-sans mb-5 flex-1 text-sm leading-relaxed text-slate-600 sm:text-base">Automate certificates, email graphics, and recurring social batches from the tools you already run.</p><span class="font-sans inline-flex items-center gap-1 text-sm font-semibold text-primary-600 transition-all group-hover:gap-2">See the workflow<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></div></div></section><section class="relative pt-4 sm:pt-6 lg:pt-8 pb-16 sm:pb-20 lg:pb-24 px-4 sm:px-6 bg-white overflow-hidden"><div class="max-w-6xl mx-auto relative z-10"><div class="text-center pt-8 sm:pt-12 lg:pt-16 mb-12 sm:mb-16 lg:mb-20"><h2 class="font-header text-3xl sm:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 sm:mb-6">Built for ease and speed</h2><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed">Everything you need to automate your design workflow, from upload to API integration</p></div><div class="space-y-20 sm:space-y-24 lg:space-y-32"><div class="flex flex-col lg:flex-row items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Import Your Design</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Upload your existing design and instantly turn it into a flexible template. Make quick visual edits, adjust text and images, and prepare everything for automated generation without recreating anything from scratch.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><video class="w-full h-full object-cover" autoplay="" loop="" playsinline="" preload="metadata" poster="/feature_gifs/1-poster.jpg"><source src="/feature_gifs/1.webm" type="video/webm"><source src="/feature_gifs/1.mp4" type="video/mp4"></video></div></div></div><div class="flex flex-col lg:flex-row-reverse items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Multi-page Imports</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Paste one Canva link and import every page as a single template. No need to split the design or create a separate template for each page, and you can export the whole thing as a multi-page PDF.</p><p class="font-sans text-sm sm:text-base text-slate-500 mt-3 sm:mt-4">Available on Plus+ plans.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><img alt="Multi-page Imports" class="w-full h-full object-cover" src="/blogs/multi-page-canva-imports/stacked-pages.png"></div></div></div><div class="flex flex-col lg:flex-row items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Make Templates Dynamic</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Turn any part of your template into a variable. Replace text, images, colors, size, etc. automatically with your own data. One template produces many variations.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><video class="w-full h-full object-cover" autoplay="" loop="" playsinline="" preload="metadata" poster="/feature_gifs/4-poster.jpg"><source src="/feature_gifs/4.webm" type="video/webm"><source src="/feature_gifs/4.mp4" type="video/mp4"></video></div></div></div><div class="flex flex-col lg:flex-row-reverse items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Automate with the API</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Generate variations, update fields, and fetch final outputs programmatically. The API fits seamlessly into your existing tools and workflows, giving you full control over automation at any scale.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><img alt="Automate with the API" class="w-full h-full object-cover" src="/feature_gifs/2.png"></div></div></div><div class="flex flex-col lg:flex-row items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Consistent, High-Volume Production</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Create large batches of assets in minutes, with every render perfectly predictable and consistent. Whether you're producing catalogs, ad variations, or personalized content, Layerre ensures reliable results at any scale.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><video class="w-full h-full object-cover" autoplay="" loop="" playsinline="" preload="metadata" poster="/feature_gifs/3-poster.jpg"><source src="/feature_gifs/3.webm" type="video/webm"><source src="/feature_gifs/3.mp4" type="video/mp4"></video></div></div></div><div class="flex flex-col lg:flex-row-reverse items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Export in the formats you need</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">Download your renders as PNG, JPEG, WebP, or PDF, including multi-page PDFs, so you can drop assets into print, social, email, and the rest of your stack without manual conversion.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><img alt="Export in the formats you need" class="w-full h-full object-cover" src="/feature_gifs/6.png"></div></div></div><div class="flex flex-col lg:flex-row items-center gap-6 sm:gap-8 lg:gap-12" style="opacity:0;transform:translateY(50px)"><div class="flex-1 w-full lg:w-auto"><h3 class="font-header text-2xl sm:text-3xl lg:text-4xl font-bold text-slate-800 mb-4 sm:mb-6">Store and Access Everything</h3><p class="font-sans text-base sm:text-lg lg:text-xl text-slate-600 leading-relaxed">All assets are saved automatically. View them in the dashboard or retrieve them through the API whenever you need them. Nothing gets lost, and everything stays organized.</p></div><div class="flex-1 w-full lg:w-auto"><div class="relative w-full aspect-video rounded-2xl overflow-hidden bg-slate-100 shadow-lg"><video class="w-full h-full object-cover" autoplay="" loop="" playsinline="" preload="metadata" poster="/feature_gifs/5-poster.jpg"><source src="/feature_gifs/5.webm" type="video/webm"><source src="/feature_gifs/5.mp4" type="video/mp4"></video></div></div></div></div></div></section><section class="relative bg-gradient-to-b from-slate-50 to-white px-4 py-12 sm:px-6 sm:py-16 lg:py-20"><div class="relative mx-auto max-w-4xl"><div class="rounded-2xl border border-primary-100/80 bg-primary-50/40 p-6 sm:p-8 lg:p-10"><div class="flex flex-col items-center justify-between gap-5 sm:flex-row sm:gap-8"><div class="flex-1 text-center sm:text-left"><h2 class="font-header mb-2 text-xl font-bold text-slate-800 sm:mb-2.5 sm:text-2xl lg:text-3xl">Ready to automate your designs?</h2><p class="font-sans text-sm text-slate-600 leading-relaxed sm:text-base">Start generating variations in minutes, not hours</p></div><div class="flex-shrink-0 w-full sm:w-auto"><button class="font-sans inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary-600 relative h-12 w-full cursor-pointer overflow-hidden rounded-full bg-gradient-to-r from-primary-500 to-primary-600 px-7 text-base font-semibold text-white shadow-md transition-all duration-200 hover:from-primary-600 hover:to-primary-700 hover:shadow-lg sm:h-12 sm:min-w-[200px] sm:px-8"><span class="relative z-10">Start Automating</span></button></div></div></div></div></section><footer class="bg-slate-50 border-t border-slate-200"><div class="max-w-6xl mx-auto px-4 sm:px-6 py-8 sm:py-12"><div class="flex flex-col gap-8 sm:gap-10 mb-8"><div class="flex flex-col lg:flex-row lg:justify-between gap-8 lg:gap-12"><div class="w-full lg:max-w-sm lg:flex-shrink-0"><div class="flex items-center mb-3 sm:mb-4"><a class="flex items-center" href="/" data-discover="true"><img alt="Layerre Logo" width="5915" height="1459" class="h-6 sm:h-8 w-auto" src="/layerre-logo.svg"></a></div><p class="font-sans text-sm sm:text-base text-slate-600 mb-4 sm:mb-6">The API for automating designs ☁️</p><div class="flex space-x-3 sm:space-x-4"><a href="https://x.com/layerre" class="w-9 h-9 sm:w-10 sm:h-10 bg-slate-200 hover:bg-primary-100 rounded-full flex items-center justify-center transition-colors group" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter w-4 h-4 sm:w-5 sm:h-5 text-slate-600 group-hover:text-primary-600" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.linkedin.com/company/layerre" class="w-9 h-9 sm:w-10 sm:h-10 bg-slate-200 hover:bg-primary-100 rounded-full flex items-center justify-center transition-colors group" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4 sm:w-5 sm:h-5 text-slate-600 group-hover:text-primary-600" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://github.com/Layerre" class="w-9 h-9 sm:w-10 sm:h-10 bg-slate-200 hover:bg-primary-100 rounded-full flex items-center justify-center transition-colors group" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-4 h-4 sm:w-5 sm:h-5 text-slate-600 group-hover:text-primary-600" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="https://www.youtube.com/@LayerreOfficial" class="w-9 h-9 sm:w-10 sm:h-10 bg-slate-200 hover:bg-primary-100 rounded-full flex items-center justify-center transition-colors group" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube w-4 h-4 sm:w-5 sm:h-5 text-slate-600 group-hover:text-primary-600" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a><a href="mailto:hello@layerre.com" class="w-9 h-9 sm:w-10 sm:h-10 bg-slate-200 hover:bg-primary-100 rounded-full flex items-center justify-center transition-colors group" aria-label="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 sm:w-5 sm:h-5 text-slate-600 group-hover:text-primary-600" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div></div><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6 sm:gap-8 w-full lg:w-auto lg:flex-shrink-0"><div><h3 class="font-sans text-xs font-semibold uppercase tracking-wider text-slate-500 mb-3">Product</h3><ul class="space-y-2"><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/pricing/" data-discover="true">Pricing</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/blog/" data-discover="true">Blog</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/tutorials/" data-discover="true">Tutorials</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/use-cases/" data-discover="true">Use Cases</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/docs/" data-discover="true">API Documentation</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/compare/" data-discover="true">Compare Tools</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/alternatives/" data-discover="true">Alternatives</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/glossary/canva-bulk-create/" data-discover="true">Canva Bulk Create</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/blog/open-graph-image-guide/" data-discover="true">Open Graph Image Size</a></li></ul></div><div><h3 class="font-sans text-xs font-semibold uppercase tracking-wider text-slate-500 mb-3">Free tools</h3><ul class="space-y-2"><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/canva-palette/" data-discover="true">Canva Palette Extractor</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/og-card-preview/" data-discover="true">OG Image Size Checker</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/og-image-sizes/" data-discover="true">OG Image Size Guide</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/bulk-create-csv-checker/" data-discover="true">Bulk Create CSV Checker</a></li></ul></div><div><h3 class="font-sans text-xs font-semibold uppercase tracking-wider text-slate-500 mb-3">Integrations</h3><ul class="space-y-2"><li><a class="flex items-center gap-2 font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/integrations/zapier/" data-discover="true"><img alt="" class="h-5 w-5 object-contain" src="/integrations/zapier.svg">Zapier</a></li><li><a class="flex items-center gap-2 font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/integrations/make/" data-discover="true"><img alt="" class="h-5 w-5 object-contain" src="/integrations/make.png">Make</a></li><li><a class="flex items-center gap-2 font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/integrations/n8n/" data-discover="true"><img alt="" class="h-5 w-5 object-contain" src="/integrations/n8n.png">n8n</a></li><li><a class="flex items-center gap-2 font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/integrations/google-sheets/" data-discover="true"><img alt="" class="h-3.5 w-auto object-contain" src="/google-sheets-add.png">Google Sheets</a></li><li><a class="flex items-center gap-2 font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/integrations/mcp/" data-discover="true"><img alt="" class="h-5 w-5 object-contain" src="/integrations/mcp.png">MCP</a></li></ul></div><div><h3 class="font-sans text-xs font-semibold uppercase tracking-wider text-slate-500 mb-3">Legal</h3><ul class="space-y-2"><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/privacy/" data-discover="true">Privacy Policy</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/terms/" data-discover="true">Terms and Conditions</a></li><li><a class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors" href="/dpa/" data-discover="true">Data Processing Addendum</a></li><li><button type="button" class="font-sans text-sm text-slate-600 hover:text-primary-600 transition-colors bg-transparent p-0 text-left cursor-pointer">Manage cookies</button></li></ul></div></div></div><div class="flex flex-wrap items-center gap-3 sm:gap-4"><a href="https://tinylaunch.com" target="_blank" rel="noopener noreferrer" class="shrink-0"><img alt="TinyLaunch Badge" width="468" height="148" class="h-8 sm:h-10 w-auto max-w-full" src="https://tinylaunch.com/tinylaunch_badge_1.svg"></a><a href="https://rankinpublic.xyz/products/layerre.com" target="_blank" rel="noopener noreferrer" title="Featured on RankInPublic" class="shrink-0"><img alt="Featured on RankInPublic" width="250" height="80" class="h-8 sm:h-10 w-auto max-w-full" src="https://rankinpublic.xyz/api/badges/badge3.png?site=layerre.com"></a><a href="https://open-launch.com/projects/layerre" target="_blank" rel="noopener noreferrer" title="Open-Launch Top 3 Daily Winner" class="shrink-0"><img alt="Open-Launch Top 3 Daily Winner" width="195" class="h-8 sm:h-10 w-auto max-w-full" src="https://open-launch.com/images/badges/top3-light.svg"></a><a href="https://fazier.com/launches/layerre" target="_blank" rel="noopener noreferrer" class="shrink-0"><img alt="Fazier badge" width="270" class="h-8 sm:h-10 w-auto max-w-full" src="https://fazier.com/api/v1/public/badges/embed_image.svg?launch_id=13035&amp;badge_type=daily&amp;theme=light"></a><a href="https://startupfa.me/s/layerre?utm_source=layerre.com" target="_blank" rel="noopener noreferrer" aria-hidden="true" tabindex="-1" class="absolute left-[-9999px] w-px h-px overflow-hidden"><img alt="Layerre - Featured on Startup Fame" width="468" height="148" src="https://startupfa.me/badges/featured/light.webp"></a></div></div><div class="border-t border-slate-200 pt-6"><p class="font-sans text-xs sm:text-sm text-slate-500 text-center">© 2026 Layerre. All rights reserved.</p></div></div></footer></div><div class="fixed bottom-4 left-4 z-40 w-[min(100%-2rem,24rem)] pointer-events-none" role="dialog" aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-desc"><div class="pointer-events-auto rounded-2xl border border-slate-200 bg-white shadow-xl p-5"><h2 id="cookie-consent-title" class="font-header text-base font-semibold text-slate-900 mb-1.5">Cookies</h2><p id="cookie-consent-desc" class="font-sans text-sm text-slate-600 leading-relaxed mb-4">Optional analytics help us improve the site. Necessary cookies keep you signed in. <a class="text-primary-600 hover:text-primary-700 underline" href="/privacy" data-discover="true">Privacy</a></p><button type="button" class="w-full inline-flex items-center justify-center rounded-xl bg-primary-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700 hover:shadow-md transition-all">OK, got it</button><button type="button" class="w-full mt-2 py-1 text-sm font-medium text-slate-400 hover:text-slate-600 transition-colors">No thanks</button></div></div></div><script>!function(){async function e(){var e=document.modelContext?document.modelContext:navigator.modelContext?navigator.modelContext:null;if(e&&"function"==typeof e.registerTool){var t=new AbortController;window.__layerreWebMcpAbort=t;for(var n=[{name:"open_layerre_docs",description:"Open Layerre API documentation in this tab.",inputSchema:{type:"object",properties:{section:{type:"string",description:"Optional path under /docs/, e.g. mcp or empty for main docs"}}},execute:async function(e){var t=e&&e.section||"",n="/docs/"+(t?String(t).replace(/^\/+|\/+$/g,"")+"/":"");return window.location.assign(n),{ok:!0,path:n}}},{name:"open_layerre_pricing",description:"Open the Layerre pricing page.",inputSchema:{type:"object",properties:{}},execute:async function(){return window.location.assign("/pricing/"),{ok:!0,path:"/pricing/"}}},{name:"get_layerre_overview",description:"Return a short Layerre product overview and links agents should fetch next (llms.txt, OpenAPI, MCP).",inputSchema:{type:"object",properties:{}},execute:async function(){return{name:"Layerre",summary:"Layerre turns Canva designs into reusable templates and generates image/PDF variants via UI, REST API, or MCP.",links:{llmsTxt:"https://layerre.com/llms.txt",openapi:"https://layerre.com/openapi.json",mcp:"https://mcp.layerre.com/mcp",auth:"https://layerre.com/auth.md",docs:"https://layerre.com/docs/"}}}},{name:"open_layerre_signup",description:"Navigate to Layerre signup / app entry.",inputSchema:{type:"object",properties:{}},execute:async function(){return window.location.assign("/app/"),{ok:!0,path:"/app/"}}}],o=0;o<n.length;o++)try{await e.registerTool(n[o],{signal:t.signal})}catch(e){console.warn("WebMCP registerTool failed",n[o].name,e)}}}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script><!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "05e991a5955a4ea69b85a989d882a536"}'></script><!-- Cloudflare Pages Analytics --></body></html>