Headless CMS - Top Content Management Systems

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/css/styles.css"> <title>Headless CMS - Top Content Management Systems | Jamstack</title> <meta name="description" content="Check out this showcase of some of the best, open source headless CMSes. This is community-drive so be sure to submit your favorite CMS today!">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-X2FMMZSSS9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X2FMMZSSS9'); </script> <link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png"> <link rel="canonical" href="https://jamstack.org/headless-cms/"/> <meta property="og:title" content="Headless CMS - Top Content Management Systems | Jamstack"> <meta property="og:site_name" content="Jamstack.org"> <meta property="og:url" content="https://jamstack.org/headless-cms/"> <meta property="og:description" content="Check out this showcase of some of the best, open source headless CMSes. This is community-drive so be sure to submit your favorite CMS today!"> <meta property="og:type" content="website"> <meta property="og:image" content="https://www.jamstack.org/img/og/default-og-image.png"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://jamstack.org/headless-cms/"> <meta property="twitter:title" content="Headless CMS - Top Content Management Systems | Jamstack"> <meta property="twitter:description" content="Check out this showcase of some of the best, open source headless CMSes. This is community-drive so be sure to submit your favorite CMS today!"> <meta property="twitter:image" content="https://www.jamstack.org/img/og/default-og-image.png"> <script type="module">document.documentElement.classList.add("js");</script> <script> if ( localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) ) { document.documentElement.classList.add("dark"); } else { document.documentElement.classList.remove("dark"); } </script> </head> <body class="bg-gray-100 dark:bg-blue-900 text-blue-800 dark:text-blue-100 leading-relaxed antialiased"> <svg width="0" height="0" aria-hidden="true" style="position: absolute;"> <defs> <symbol id="logo-jamstack" viewBox="0 0 523 98" fill="none"> <path d="M163.57 52.257v-35.76h-15.12v39.52c0 3.28-.24 7.52-4.56 7.52-3.84 0-4.4-3.92-4.56-6.88h-16.08c0 8.64 3.52 15.68 11.92 18.72 2.48.96 5.28 1.44 8 1.44 6.32 0 12.72-2.8 16.72-7.76 3.68-4.64 3.68-11.12 3.68-16.8Zm55.328 23.44v-44.4h-13.28v4.72h-.16c-2.64-4.4-8.08-6.24-12.96-6.24-13.36 0-22.32 10.72-22.32 23.68 0 13.2 8.64 23.76 22.32 23.76 4.8 0 10.56-1.76 12.96-6.32h.16v4.8h13.28Zm-13.28-22.24c0 6.4-4.64 11.36-11.12 11.36-6.24 0-11.04-5.04-11.04-11.2 0-6.32 4.48-11.44 10.96-11.44s11.2 4.8 11.2 11.28Zm91.128 22.24v-24.24c0-6.8.24-12.08-4.8-17.2-3.12-3.2-7.28-4.48-11.68-4.48-6 0-10.88 2.88-14.08 7.92-2.72-5.04-7.04-7.92-12.8-7.92-5.04 0-9.68 1.68-12.24 6.24h-.16v-4.72h-12.4v44.4h13.28v-23.6c0-5.2 1.36-9.84 7.52-9.84 5.6 0 6.64 4.72 6.64 9.28v24.16h13.28v-24.24c0-5.04 1.44-9.2 7.36-9.2 6.16 0 6.8 4.96 6.8 9.84v23.6h13.28Zm42.62-13.6c0-15.68-22.32-11.76-22.32-18.72 0-2 2-2.96 3.76-2.96 2.32 0 4.08.88 4.16 3.36h13.04c-.88-9.44-8.16-14-17.04-14-8.56 0-17.2 5.36-17.2 14.64 0 6.24 5.28 9.68 10.56 11.6 1.92.72 3.84 1.36 5.76 2 2.4.96 6 1.92 6 5.12 0 2.32-2.64 3.44-4.64 3.44-2.64 0-4.64-1.36-5.04-4.08h-13.2c1.04 9.76 8.8 14.72 18.08 14.72 9.04 0 18.08-5.12 18.08-15.12Zm28.962-20.72v-10.08h-6.4v-14.8h-13.28v14.8h-6.56v10.08h6.56v34.32h13.28v-34.32h6.4Zm51.195 34.32v-44.4h-13.28v4.72h-.16c-2.64-4.4-8.08-6.24-12.96-6.24-13.36 0-22.32 10.72-22.32 23.68 0 13.2 8.64 23.76 22.32 23.76 4.8 0 10.56-1.76 12.96-6.32h.16v4.8h13.28Zm-13.28-22.24c0 6.4-4.64 11.36-11.12 11.36-6.24 0-11.04-5.04-11.04-11.2 0-6.32 4.48-11.44 10.96-11.44s11.2 4.8 11.2 11.28Zm67.848 5.36h-13.52c-2 3.84-5.2 5.92-9.6 5.92-6.48 0-10.56-5.04-10.56-11.28 0-6 3.84-11.28 10.24-11.28 4.56 0 8 2.08 9.92 6.24h13.44c-2.32-11.28-12.16-18.64-23.52-18.64-13.2 0-23.44 10.48-23.44 23.6 0 13.28 10.48 23.76 23.76 23.76 11.2 0 20.72-7.44 23.28-18.32Zm48.135-27.52h-15.76l-12.32 16.08h-.16v-30.88h-13.28v59.2h13.28v-21.36h.16l12.56 21.36h15.04l-16.24-24.88 16.72-19.52Z" class="fill-current"/><path d="M48.47 1C21.668 1 0 22.668 0 49.47s21.668 48.47 48.47 48.47 48.47-21.668 48.47-48.47V1H48.47Z" fill="#F0047F"/> <path d="M46.903 50.97v33.985C28.51 84.177 13.697 69.364 12.92 50.97h33.984ZM49.97 51.037h33.985C83.176 69.43 68.365 84.243 49.97 85.02V51.037ZM49.97 47.903V13.901h34.003v34.002H49.97Z" fill="#fff" stroke="#F0047F"/> </symbol> </defs> </svg> <div class="md:grid sm:page-layout"> <div class="bg-gray-100 dark:bg-blue-900 border-r border-gray-300 dark:border-blue-800"> <header class="page-header md:flex md:flex-col md:h-screen"> <a href="/" class="block dark:text-white mx-8 py-8"> <svg role="img" aria-hidden="true" focusable="false" width="163" height="31"> <use xlink:href="#logo-jamstack"></use> </svg> <span class="sr-only">Jamstack</span> </a> <details open data-force-state data-force-state-closed="(max-width: 47.9375em)" class="md:flex-grow"> <summary class="summary-no-arrow md:hidden absolute top-0 right-0 p-8"> <svg width="22" height="31" viewBox="0 0 22 21" fill="none" class="summary-swap-closed"> <rect width="22" height="3" class="fill-current"/> <rect y="18" width="22" height="3" class="fill-current"/> <rect y="9" width="22" height="3" class="fill-current"/> </svg> <svg width="22" height="31" viewBox="0 0 18 19" fill="none" class="summary-swap-open"> <rect y="16.7217" width="22" height="3" transform="rotate(-48.3434 0 16.7217)" class="fill-current"/> <rect width="22" height="3" transform="matrix(0.664665 0.747142 0.747142 -0.664665 0.431641 1.9939)" class="fill-current"/> </svg> <span class="sr-only">Menu</span> </summary> <nav class="sm:flex sm:flex-col page-nav"> <ul class="block list-jams-logo-pink mb-12"> <li> <a href="/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 "> Home </a> </li> <li> <a href="/glossary/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 "> Glossary </a> </li> <li> <a href="/tv/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 "> Jamstack TV </a> </li> <li> <a href="/generators/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 "> Site Generators </a> </li> <li> <a href="/headless-cms/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 bg-gray-200 dark:bg-gray-900"> Headless CMS </a> </li> <li> <a href="/survey/2022/" class="block font-bold text-sm dark:text-white hover:underline py-2 px-10 "> Community Survey </a> </li> <li class="list-jams-no-bullet"> <ul class="list-jams-logo list-jams-logo-border"> <li> <a href="/survey/2022/#whos-doing-the-building" class="block text-sm dark:text-white hover:underline py-2 pl-16 pr-8"> Who’s doing the building? </a> </li> <li> <a href="/survey/2022/#what-is-the-jamstack-community-building" class="block text-sm dark:text-white hover:underline py-2 pl-16 pr-8"> What is the Jamstack Community building? </a> </li> <li> <a href="/survey/2022/#how-are-we-building" class="block text-sm dark:text-white hover:underline py-2 pl-16 pr-8"> How are we building? </a> </li> <li> <a href="/survey/2022/#emerging-trends-in-the-jamstack-community" class="block text-sm dark:text-white hover:underline py-2 pl-16 pr-8"> Emerging Trends in the Jamstack Community </a> </li> </ul> </li> </ul> <div> <div class="text-center text-sm mb-4 dark:text-gray-300">Connect with us</div> <div class="grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700 dark:text-gray-300"> <a href="https://twitter.com/jamstackconf" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500"> <svg role="img" aria-label="Twitter" focusable="false" width="34" height="28" class="fill-current"> <use xlink:href="#logo-twitter"></use> </svg> </a> <a href="https://github.com/jamstack/jamstack.org" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500"> <svg role="img" aria-label="GitHub" focusable="false" width="36" height="36" class="fill-current"> <use xlink:href="#logo-github"></use> </svg> </a> </div> </div> </nav> </details> </header> </div> <div> <a href="https://thefutureofjamstack.org/" class="block p-2 md:py-2 text-center text-white font-bold text-xs md:text-sm bg-gradient-jams bg-gradient-pink-orange group"> Let’s talk about the Future of Jamstack — <span class="underline group-hover:no-underline">Join us</span> </a> <div class="flex items-center justify-end p-4"> <label class="color-theme-selector-wrapper" data-color-theme-selector> <svg class="color-theme-selector-wrapper-icon fill-current" role="img" focusable="false"> <use xlink:href="#icon-color-theme-system"></use> </svg> <span class="sr-only">Color theme</span> <select> <option selected value="system">System</option> <option value="dark">Dark</option> <option value="light">Light</option> </select> </label> </div> <section class="md:mt-20"> <h1 class="text-center">Headless CMS</h1> <p class="text-center"> A list of <a href="https://www.netlify.com/blog/complete-guide-to-headless-cms/" target="_blank" rel="noopener">headless content management systems</a> for Jamstack sites </p> </section> <section class="cards mt-12"> <sort-container> <filter-container data-oninit> <form class="pb-4 filter-form"> <div class="flex flex-wrap"> <div> <div class="pb-2"> <strong class="pr-4">Filter</strong> <span data-filter-results="Headless CMS/Headless CMSs" aria-live="polite"></span> </div> <label class="inline-flex pr-4 pb-2"> <span class="sr-only">CMS Type</span> <select data-filter-bind="typeofcms" class="text-black py-1 px-2 rounded-default border border-gray-200 dark:border-transparent bg-white"> <option selected value="">Any CMS Type</option> <option value="api driven">API Driven</option> <option value="git + api">Git + API</option> <option value="git-based">Git-based</option> <option value="local">Local</option> <option value="visual, api driven">Visual, API Driven</option> </select> </label> <label class="inline-flex pr-4 pb-2"> <span class="sr-only">License</span> <select data-filter-bind="opensource" class="text-black py-1 px-2 rounded-default border border-gray-200 dark:border-transparent bg-white"> <option selected value="">Any License</option> <option value="yes">Open source</option> <option value="no">Closed source</option> </select> </label> </div> <div> <div class="pb-2"> <strong class="pr-4">Sort</strong> </div> <label class="inline-flex pr-4 pb-2"> <span class="sr-only">Sort by</span> <select data-sort class="text-black py-1 px-2 rounded-default border border-gray-200 dark:border-transparent bg-white"> <option selected value="githubstars-numeric-descending">GitHub Stars</option> <option value="name">Name</option> </select> </label> </div> </div> </form> <div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3" data-sort-children> <div id="" class="generator-card flex flex-col h-full" data-sort-name="strapi" data-sort-githubstars-numeric-descending="56194" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/strapi/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Strapi </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 56194 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 6779 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 352 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable, support TypeScript and developer-first. It saves API development time through a beautiful admin panel anyone can use. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="ghost" data-sort-githubstars-numeric-descending="44048" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/ghost/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Ghost </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 44048 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 9233 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 42 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A fiercely independent platform for professional publishers. Headless Node.js REST API for developers, beautiful Ember.js admin client for editors. Used by Apple, NASA, Sky News, OpenAI & many more. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="directus" data-sort-githubstars-numeric-descending="23225" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/directus/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Directus </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 23225 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 3050 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 245 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The CMS (and more) you've been looking for 😎🐰. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="wordpress" data-sort-githubstars-numeric-descending="17989" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/wordpress/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> WordPress </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 17989 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 11946 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The WordPress CMS enables headless development through a built-in REST API and offers extensions to enable methods like GraphQL via a rich plugin ecosystem. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="decap cms" data-sort-githubstars-numeric-descending="16968" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/decap-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Decap CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 16968 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 2891 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 491 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A different kind of CMS. It's a single page app written in React. It's an npm package. It's a script running on a static page that lives in your repo. Built for static site generators. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> <a href="https://app.netlify.com/start/deploy?repository=https://github.com/wutali/nextjs-netlify-blog-template" class="block px-4 py-3 text-gray-700 bg-white rounded-b-lg text-center md:text-lg whitespace-nowrap border-b-0 border-t border-blue-100"> <svg role="img" aria-hidden="true" focusable="false" width="30" height="30" viewBox="0 0 40 40" class="inline-block mr-1" fill="#36b0bb"><use xlink:href="#logo-netlify-gem"/></svg> Deploy to Netlify </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="wagtail" data-sort-githubstars-numeric-descending="15647" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/wagtail/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Wagtail </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 15647 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 3266 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 836 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Wagtail is the leading open-source Python CMS. Based on Django, it supports both traditional and headless sites via REST and GraphQL APIs. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="payload cms" data-sort-githubstars-numeric-descending="12211" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/payload-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Payload CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 12211 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 661 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 28 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Payload is a free and open-source headless CMS aimed sharply at providing the best, developer-first experience possible to build out APIs and admin UI. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="tina" data-sort-githubstars-numeric-descending="9309" data-filter-typeofcms="git + api" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/tinacms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Tina </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 9309 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 473 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 52 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> TinaCMS is a free and open-source headless CMS focused on providing the best developer experience for building web sites and applications. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git + API</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="keystone" data-sort-githubstars-numeric-descending="8323" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/keystone/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Keystone </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 8323 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 1044 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 96 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The programmable backend that allows you to create a highly customised CMS and API in minutes. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="webiny" data-sort-githubstars-numeric-descending="6829" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/webiny/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Webiny </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 6829 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 538 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 232 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Webiny is an highly customizable, scalable, serverless CMS that you can host on your own AWS account. It offers you enterprise-grade functionality while keeping your data within the secure perimeter of your own infrastructure. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="builder.io" data-sort-githubstars-numeric-descending="5648" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/builderio/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Builder.io </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 5648 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 707 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 79 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Builder is the only headless CMS with a visual editor that allows users to drag and drop to create pages and content with your code components </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="publii" data-sort-githubstars-numeric-descending="5605" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/publii/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Publii </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 5605 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 367 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 155 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Built In</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="ponzu" data-sort-githubstars-numeric-descending="5594" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/ponzu/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Ponzu </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 5594 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 381 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 30 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Headless CMS with automatic JSON API. Featuring auto-HTTPS from Let's Encrypt, HTTP/2 Server Push, and flexible server framework written in Go. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="cockpit" data-sort-githubstars-numeric-descending="5376" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/cockpit/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Cockpit </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 5376 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 517 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 257 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Cockpit is a self-hosted headless and api-driven CMS </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="prose" data-sort-githubstars-numeric-descending="4650" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/prose/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Prose </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 4650 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 699 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 186 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A simple content authoring environment for CMS-free websites. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="sanity" data-sort-githubstars-numeric-descending="4581" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/sanity/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Sanity </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 4581 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 363 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 258 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Sanity is the fully customizable, headless CMS. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="apostrophecms" data-sort-githubstars-numeric-descending="4133" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/apostrophecms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> ApostropheCMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 4133 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 556 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 107 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> As a full-featured JavaScript CMS with both headless capabilities and in-context editing, our tools appeal to both developers and content editors, not only because of how flexible they are, but because they feel good to use. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="umbraco heartcore" data-sort-githubstars-numeric-descending="4005" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/umbraco-heartcore/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Umbraco Heartcore </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 4005 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 2476 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 252 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Umbraco Heartcore is a headless CMS with an editor experience like no other. On top of a managed RESTful and graphQL API and CDN, you'll get a powerful backoffice to structure, organize and create content in a fast and efficient manner. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="craft cms" data-sort-githubstars-numeric-descending="3064" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/craft-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Craft CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 3064 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 603 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 373 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Craft is a hybrid PHP CMS featuring flexible content modeling, a beautiful, accessible control panel, and a full GraphQL API. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="statamic" data-sort-githubstars-numeric-descending="2983" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/statamic/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Statamic </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2983 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 414 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 395 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A Laravel-powered, flat-first CMS that can run headless, as a full PHP stack, or generate and deploy static sites. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Built In</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="plasmic" data-sort-githubstars-numeric-descending="2802" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/plasmic/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Plasmic </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2802 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 236 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 36 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Plasmic is a headless CMS with a powerful no-code visual builder to rapidly create pages and free-form content. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Gatsby, Next.js</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="jekyll admin" data-sort-githubstars-numeric-descending="2760" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/jekyll-admin/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Jekyll Admin </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2760 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 328 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 35 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A Jekyll plugin that provides users with a traditional CMS-style graphical interface. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="terminuscms" data-sort-githubstars-numeric-descending="2438" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/terminuscms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> TerminusCMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2438 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 93 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 208 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> TerminusCMS is a dev-first headless content management system for discovering and using data and content across complex use cases like supply chains, compliance, and enterprise content infrastructure. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="squidex" data-sort-githubstars-numeric-descending="2011" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/squidex/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Squidex </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2011 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 402 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Scalable open source headless cms for developers and content authors. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="daptin" data-sort-githubstars-numeric-descending="1728" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/daptin/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Daptin </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 1728 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 104 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 16 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The headless cms with JSON API, GraphQL, Actions, SMTP, IMAP, FTP, Cloud services sync and more. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="hexo admin" data-sort-githubstars-numeric-descending="1728" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/hexo-admin/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Hexo Admin </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 1728 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 255 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 66 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> An Admin Interface for Hexo </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Hexo</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="plenti" data-sort-githubstars-numeric-descending="918" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/plenti/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Plenti </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 918 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 49 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 79 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A git-backed, open-source editor that ships with your site, has live previews, minimal configuration, and zero vendor lock-in. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Plenti</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="dotcms" data-sort-githubstars-numeric-descending="752" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/dotcms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> dotCMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 752 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 428 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 740 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> dotCMS is a cloud-based Hybrid Headless CMS for managing content and content-driven web sites and applications. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="superdesk" data-sort-githubstars-numeric-descending="668" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/superdesk/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Superdesk </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 668 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 206 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 60 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Superdesk is an end-to-end, api-driven open source headless CMS for news agencies, newspapers and corporate publishers. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="gentics mesh" data-sort-githubstars-numeric-descending="559" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/gentics-mesh/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Gentics Mesh </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 559 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 112 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 92 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Gentics Mesh is an open source API-first headless CMS. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="flextype" data-sort-githubstars-numeric-descending="558" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/flextype/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Flextype </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 558 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 68 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 26 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Flextype is an open-source self-hosted Data-First Headless CMS & API. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="atomic server" data-sort-githubstars-numeric-descending="526" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/atomic-server/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Atomic Server </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 526 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 20 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 206 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Extremely fast open source headless CMS with built-in live synchronization, file management, and full-text search </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="static cms" data-sort-githubstars-numeric-descending="422" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/static-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Static CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 422 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 33 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 18 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A different kind of CMS. Open source content management for your Git workflow. It's a single page app written in React. It's an npm package. It's a script running on a static page that lives in your repo. Built for static site generators. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> <a href="https://app.netlify.com/start/deploy?repository=https://github.com/StaticJsCMS/static-cms-next-netlify-template" class="block px-4 py-3 text-gray-700 bg-white rounded-b-lg text-center md:text-lg whitespace-nowrap border-b-0 border-t border-blue-100"> <svg role="img" aria-hidden="true" focusable="false" width="30" height="30" viewBox="0 0 40 40" class="inline-block mr-1" fill="#36b0bb"><use xlink:href="#logo-netlify-gem"/></svg> Deploy to Netlify </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="google drive cms" data-sort-githubstars-numeric-descending="385" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/google-drive-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Google Drive CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 385 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 35 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 10 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Uses a combination of Google Sheets and Docs to maintain content on a website. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contenta" data-sort-githubstars-numeric-descending="327" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/contenta/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Contenta </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 327 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 103 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 54 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Contenta is the community driven API distribution for Drupal 8. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="coisas" data-sort-githubstars-numeric-descending="316" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/coisas/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Coisas </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 316 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 25 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 3 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A client-side CMS for static sites hosted on GitHub. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="unite cms" data-sort-githubstars-numeric-descending="242" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/unite-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> unite cms </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 242 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 37 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 23 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Really flexible headless CMS, built on top of Symfony and GraphQL. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="rooftop" data-sort-githubstars-numeric-descending="222" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/rooftop-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Rooftop </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 222 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 21 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 17 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Rooftop CMS is an API-first WordPress CMS for developers and content creators </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Spike</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="slicknode" data-sort-githubstars-numeric-descending="199" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/slicknode/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Slicknode </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 199 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 21 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 2 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Slicknode is a GraphQL based headless CMS + application framework for advanced digital experiences </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="enonic xp" data-sort-githubstars-numeric-descending="198" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/enonic-xp/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Enonic XP </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 198 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 34 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 254 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A headless CMS without limitations, built for the digital team. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="abecms" data-sort-githubstars-numeric-descending="175" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/abe/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> AbeCMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 175 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 27 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 28 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The lightning fast CMS. Turn any static website into a powerful CMS in seconds.. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="b2evolution cms" data-sort-githubstars-numeric-descending="169" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/b2evolution-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> b2evolution CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 169 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 77 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 6 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> b2evolution is a full-featured CMS with complete data schema configuration and advanced user permissions. RESTful API. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="sensenet" data-sort-githubstars-numeric-descending="161" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/sensenet/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> sensenet </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 161 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 108 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 206 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> A single hub for all your content to manage with a variety of features. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="hashbrown" data-sort-githubstars-numeric-descending="154" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/hashbrown/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> HashBrown </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 154 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 35 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> HashBrown is a headless CMS that can support any content structure or deployment flow you can imagine. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="any json cms" data-sort-githubstars-numeric-descending="116" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/any-json-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Any JSON CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 116 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 7 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> It is headless CMS that could help manage and deliver any JSON to any applications. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contember" data-sort-githubstars-numeric-descending="87" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/contember/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Contember </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 87 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 7 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 10 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Bespoke content management. With Contember you will easily manage your content and data. Build and run GraphQL API and user-centric administration without any hassle. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="scrivito" data-sort-githubstars-numeric-descending="73" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/scrivito/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Scrivito </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 73 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 52 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 4 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Scrivito is a cloud-based CMS, based on ReactJS, built for digital agencies and medium to large-sized businesses. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="artgen" data-sort-githubstars-numeric-descending="51" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/artgen/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Artgen </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 51 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 7 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 3 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Javascript Headless CMS built on No Code engine and spiced with a visual database editor. By combining this three important building block, You can build any kind of application without the need for third party elements. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="tritan cms" data-sort-githubstars-numeric-descending="26" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/tritan-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> TriTan CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 26 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 6 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> TriTan CMS is a developer centric, headless, or nearly headless CMS. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="dossier" data-sort-githubstars-numeric-descending="19" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/dossier/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Dossier </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 19 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 0 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 7 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Dossier is an open source toolkit for building headless CMSs. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="flotiq" data-sort-githubstars-numeric-descending="17" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/flotiq/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Flotiq </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 17 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 7 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Flotiq is an effortless headless Content Management System, offering developers powerful SDKs and integrations. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="crystallize" data-sort-githubstars-numeric-descending="16" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/crystallize/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Crystallize </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 16 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 2 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 1 <span class="sr-only">issue</span> </div> </div> <div class="text-sm mb-4"> Headless PIM with a twist, product information and marketing content as a fast & scalable GraphQL service. Commerce + Content. JAMStack ready. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="editlayer" data-sort-githubstars-numeric-descending="10" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/editlayer/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Editlayer </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 10 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 2 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Editlayer is headless CMS that saves content as JSON. Editlayer is build to work easily on Google's development platform - Firebase. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="jsharmony cms" data-sort-githubstars-numeric-descending="5" data-filter-typeofcms="git-based" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/jsharmony-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> jsHarmony CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 5 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 3 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Static Node.js CMS with in-page editing that can be dynamically injected into your static app. Enterprise features include version control, multiple deployment targets, and workflow. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Built In</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="crownpeak" data-sort-githubstars-numeric-descending="2" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/crownpeak/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Crownpeak </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 2 <span class="sr-only">stars</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 2 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 24 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> The lowest cost to operate, fastest-to-implement CMS. Build scalable, secure, world-class websites and digital experiences in record time. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="airship cms" data-sort-githubstars-numeric-descending="1" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/airshipcms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Airship CMS </div> <div class="p-4"> <div class="flex justify-center mb-4"> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-star"/></svg> 1 <span class="sr-only">star</span> </div> <div class="flex flex-col items-center font-bold text-sm mr-6"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-fork"/></svg> 0 <span class="sr-only">forks</span> </div> <div class="flex flex-col items-center font-bold text-sm"> <svg role="img" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 40 40" class="block"><use xlink:href="#github-issue"/></svg> 0 <span class="sr-only">issues</span> </div> </div> <div class="text-sm mb-4"> Airship is a cloud-hosted headless CMS that integrates with your local development workflow. Use Airship templating (based on handlebars) for classic server rendering or use the API to build single page apps, statically generated sites, and custom applications. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="acoustic content" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/acoustic-content/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Acoustic Content </div> <div class="p-4"> <div class="text-sm mb-4"> Cloud CMS brought to you by Acoustic </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="agility cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/agility-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Agility CMS </div> <div class="p-4"> <div class="text-sm mb-4"> The fastest Headless CMS to prototype, build, and deploy with. Agility CMS is a cloud-based, SaaS, and API platform with Free and Paid pricing tiers. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="agit cms" data-filter-typeofcms="local" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/agitcms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Agit CMS </div> <div class="p-4"> <div class="text-sm mb-4"> A hackable headless CMS for markdown blogs </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Local</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="amplience" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/amplience/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Amplience </div> <div class="p-4"> <div class="text-sm mb-4"> Amplience is an API-first, headless content management platform for enterprise retail. Our content and experience solutions for commerce enable teams to do more, better, faster. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="apirocket" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/apirocket/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Apirocket </div> <div class="p-4"> <div class="text-sm mb-4"> Publish your GraphQL content API in 5 minutes, no coding required. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="apito" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/apito/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Apito </div> <div class="p-4"> <div class="text-sm mb-4"> Apito is a Powerful Headless CMS with CDN, Webhooks, Team Collaborations, Content Revision, Cloud Functions and Much more </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="appernetic" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/appernetic/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Appernetic </div> <div class="p-4"> <div class="text-sm mb-4"> The bridge between the simplicity of static websites and user-friendliness of CMS. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Hugo</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="aventum" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/aventum/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Aventum </div> <div class="p-4"> <div class="text-sm mb-4"> Aventum is a high-performance, fast, and open-source Headless CMS or you can call it API visual builder, backend visual builder, or Headless CMS visual builder because it is content-agnostic! create your content, no matter how complex it is, and manage it easily! </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="bageldb" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/bageldb/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> BagelDB </div> <div class="p-4"> <div class="text-sm mb-4"> Build web and mobile apps with a database that feel like headless-CMS. The platform is as flexible as your app needs it to be - whether you need search integration, or CSV export, managing data is a breeze. BagelDB treats everyone on the product team as a first-class citizen. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="blogody cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/blogody/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Blogody CMS </div> <div class="p-4"> <div class="text-sm mb-4"> Blogody is a minimalist content management platform for blogging with a GraphQL API at its core. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="bloomreach" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/bloomreach/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Bloomreach </div> <div class="p-4"> <div class="text-sm mb-4"> Open-source headless CMS without compomising on the authoring experience. No more form-based content management. Powerful APIs to consume from any client like React or Angular. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="bowtie" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/bowtie/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> BowTie </div> <div class="p-4"> <div class="text-sm mb-4"> Build fast and lean websites for your clients that don't skimp on features. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="brill cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="visual, api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/brill/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Brill CMS </div> <div class="p-4"> <div class="text-sm mb-4"> The Brill CMS supports visual editing of pages containing React components. The Brill Framework provides a "low code" platform that's designed to save you time and effort when developing web applications. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Visual, API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="butter cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/butter-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Butter CMS </div> <div class="p-4"> <div class="text-sm mb-4"> An API-first CMS for rapidly building CMS-powered websites in any programming language. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="cloudcannon" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/cloudcannon/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> CloudCannon </div> <div class="p-4"> <div class="text-sm mb-4"> A Git-based CMS that supports all major Static Site Generators. Manage your site's content with visual editing, custom components and two way Git-syncing. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll, Hugo, 11ty, SvelteKit, Next.js, Gatsby, Nuxt, Astro, MkDocs</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="cloud cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/cloudcms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Cloud CMS </div> <div class="p-4"> <div class="text-sm mb-4"> An API-first approach, built around JSON and a high performance cloud architecture. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="comfortable" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/comfortable/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Comfortable </div> <div class="p-4"> <div class="text-sm mb-4"> Comfortable is an cloud-based headless CMS, dedicated to simplicity, structure and speed. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contentful" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/contentful/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Contentful </div> <div class="p-4"> <div class="text-sm mb-4"> The Contentful® Composable Content Platform brings the building blocks of content together to create once and reuse for any digital experience. The API-first platform integrates easily with data sources and new functionality as digital experiences and technology evolve. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contento" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/contento/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Contento </div> <div class="p-4"> <div class="text-sm mb-4"> Contento is the only headless CMS focused 100% on websites. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contentrain" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/contentrain/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Contentrain </div> <div class="p-4"> <div class="text-sm mb-4"> Contentrain is a Git-based Headless CMS that was focused on developer and content editor experience which provide seamless integration with Jamstack web apps. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">NuxtJs, NextJs, Gatsby, 11ty, Jekyll, Gridsome, Hugo, React, Vue, Astro, VitePress, Angular, Svelte, Docusaurus, All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="contentstack" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/contentstack/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Contentstack </div> <div class="p-4"> <div class="text-sm mb-4"> A headless CMS specifically designed for enterprises and large scale deployments. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="cosmic" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/cosmicjs/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Cosmic </div> <div class="p-4"> <div class="text-sm mb-4"> Headless CMS to power content for any website or app. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="datocms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/datocms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> DatoCMS </div> <div class="p-4"> <div class="text-sm mb-4"> DatoCMS is a friendly, secure and powerful platform that enables marketer, editorial or developer team to build complex backend in minutes and to bring any kind of content everywhere </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="dialoguewise" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/dialoguewise/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Dialoguewise </div> <div class="p-4"> <div class="text-sm mb-4"> Content intelligently delivered to create engaging digital experiences. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="doc2.site" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/doc2.site/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> doc2.site </div> <div class="p-4"> <div class="text-sm mb-4"> An API-first cloud-native service with intuitive content authoring based on Google Drive, Docs and Sheets built to power the future of Web Experiences. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="flamelink" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/flamelink/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Flamelink </div> <div class="p-4"> <div class="text-sm mb-4"> Flamelink is an easy to use, headless CMS specifically developed to add & manage content in Firebase </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="flycode" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/flycode/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> FlyCode </div> <div class="p-4"> <div class="text-sm mb-4"> FlyCode helps product teams work like software engineers - to ship better products, faster with no-code </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">React, Angular, Vue, PHP</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="fridge" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/fridge/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Fridge </div> <div class="p-4"> <div class="text-sm mb-4"> Custom dashboard and API for managing all of your content. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="frontaid cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/frontaid/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> FrontAid CMS </div> <div class="p-4"> <div class="text-sm mb-4"> FrontAid is a free CMS for JSON files in Git. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="garchi cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/garchicms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Garchi CMS </div> <div class="p-4"> <div class="text-sm mb-4"> Garchi CMS is a developer friendly headless CMS that bridges the gap between developers and content teams. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="gathercontent" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/gathercontent/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> GatherContent </div> <div class="p-4"> <div class="text-sm mb-4"> GatherContent is a headless Content Operations Platform, helping thousands of organisations around the world to create quality content, in less time, and at scale. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Gatsby, Next, Other</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="graphapi®" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/graphapi/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> graphapi® </div> <div class="p-4"> <div class="text-sm mb-4"> A GraphQL API-based backend builder with built-in CMS capabilities for your Websites & Apps </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="graphweaver" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/graphweaver/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Graphweaver </div> <div class="p-4"> <div class="text-sm mb-4"> Graphweaver is an Open Source GraphQL-native Headless CMS. Utilizing a Typescript code-only approach, it seamlessly connects to various data sources, combining the data into a dynamic real-time GraphQL API. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="gridly" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/gridly/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Gridly </div> <div class="p-4"> <div class="text-sm mb-4"> The spreadsheet for multi-language content tailor-made for games and digital products. Gridly connects teams, tools, and assets within a familiar spreadsheet view as a single source of truth. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="headless" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/headless/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Headless </div> <div class="p-4"> <div class="text-sm mb-4"> Headless is a CMS designed specifically for static websites. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="headlesshost" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/headlesshost/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Headlesshost </div> <div class="p-4"> <div class="text-sm mb-4"> New for 2023! Headlesshost is a redefined headless interface putting user experience as the top priority. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="headly.io" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/headly/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> headly.io </div> <div class="p-4"> <div class="text-sm mb-4"> A robust, headless content management system with both the editor and developer in mind </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="hygraph" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/hygraph/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Hygraph </div> <div class="p-4"> <div class="text-sm mb-4"> Hygraph is the original GraphQL-native Headless CMS. In addition, low-code approach to configure multiple external systems with your Hygraph project, with support for both GraphQL or REST APIs </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="kontent.ai" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/kentico-kontent/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Kontent.ai </div> <div class="p-4"> <div class="text-sm mb-4"> Kontent.ai is the headless CMS that enables organizations to govern all things content to deliver standout experiences, now and in the future. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="lexascms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/lexascms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> LexasCMS </div> <div class="p-4"> <div class="text-sm mb-4"> An API-based CMS that combines powerful content scheduling capabilities with a clean and modern content editing experience. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="magnolia" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/magnolia/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Magnolia </div> <div class="p-4"> <div class="text-sm mb-4"> A headless CMS that’s as great for content authors as it is for developers. The Visual SPA Editor gives authors creative control, fully headlessly, for React, Angular & Vue. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="microcms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/microcms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> microCMS </div> <div class="p-4"> <div class="text-sm mb-4"> An API-based CMS that specialized for Japanese. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="mozaik" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/mozaik/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Mozaik </div> <div class="p-4"> <div class="text-sm mb-4"> Mozaik is a CMS backend with a GraphQL API. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="nodewrite" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/nodewrite/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> NodeWrite </div> <div class="p-4"> <div class="text-sm mb-4"> Headless content management system supporting multitenancy and white-label workspaces. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="pimcore" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/pimcore/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Pimcore </div> <div class="p-4"> <div class="text-sm mb-4"> Pimcore is an API-first, headless open-source content management platform based on PHP/Symfony. It also includes a digital commerce framework. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> <a href="https://app.netlify.com/start/deploy?repository=https://github.com/pimcore/demo" class="block px-4 py-3 text-gray-700 bg-white rounded-b-lg text-center md:text-lg whitespace-nowrap border-b-0 border-t border-blue-100"> <svg role="img" aria-hidden="true" focusable="false" width="30" height="30" viewBox="0 0 40 40" class="inline-block mr-1" fill="#36b0bb"><use xlink:href="#logo-netlify-gem"/></svg> Deploy to Netlify </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="pixelesq" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/pixelesq/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Pixelesq </div> <div class="p-4"> <div class="text-sm mb-4"> An innovative API driven approach to building webpages. Build your website with a visual editor and deploy it as a static site. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="prepr" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/prepr/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Prepr </div> <div class="p-4"> <div class="text-sm mb-4"> The Headless CMS with Personalization </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="prismic" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/prismic/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Prismic </div> <div class="p-4"> <div class="text-sm mb-4"> A headless website builder for Jamstack sites. Prismic offers an intuitive content interface and easy-to-use development tools. Used by Google, Netflix, Spotify. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="quintype" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/quintype/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Quintype </div> <div class="p-4"> <div class="text-sm mb-4"> Quintype is the new age, mobile first publishing platform for digital publishers seeking to amplify audiences & revenues. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="react bricks" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="visual, api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/reactbricks/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> React Bricks </div> <div class="p-4"> <div class="text-sm mb-4"> CMS with inline Visual editing based on React components. Easy for editors, flexible for devs, enterprise-ready. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Visual, API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Next.js, Gatsby, Remix</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="sheetson" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/sheetson/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Sheetson </div> <div class="p-4"> <div class="text-sm mb-4"> Build Instant APIs from Google Sheets as CMS </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="siteleaf" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/siteleaf/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Siteleaf </div> <div class="p-4"> <div class="text-sm mb-4"> Siteleaf is a content management system designed for a better web. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="spearly cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/spearly/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Spearly CMS </div> <div class="p-4"> <div class="text-sm mb-4"> Spearly CMS is a headless CMS easy to embed and easy to use. You can embed content into your site for few steps. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="spinal" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/spinal/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> Spinal </div> <div class="p-4"> <div class="text-sm mb-4"> A minimal and beautiful git-based CMS for content marketing teams. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Astro, 11ty, Hugo, Jekyll, Middleman, Bridgetown, Next.js, Gatsby, VuePress, VitePress, Nuxt, Hexo, Zola</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="stastic" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/stastic/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Stastic </div> <div class="p-4"> <div class="text-sm mb-4"> CMS for Jekyll built on top of GitHub and GitHub pages, for your clients to edit the content of Jekyll websites. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Jekyll</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="storyblok" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/storyblok/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Storyblok </div> <div class="p-4"> <div class="text-sm mb-4"> Headless & API-based CMS as a Service. Not only a CMS for your editors. Clean and structured JSON for you as developer. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="suncel" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/suncel/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Suncel </div> <div class="p-4"> <div class="text-sm mb-4"> Suncel is a headless CMS for Next.js, with a powerful no-code visual builder to rapidly create pages and publish your content. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Next.js</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="takeshape" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/takeshape/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"> TakeShape </div> <div class="p-4"> <div class="text-sm mb-4"> TakeShape is a GraphQL API-first Content-as-a-Service platform with an integrated Static Content Generator. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> <a href="https://app.netlify.com/start/deploy?repository=https://github.com/takeshape/takeshape-demo" class="block px-4 py-3 text-gray-700 bg-white rounded-b-lg text-center md:text-lg whitespace-nowrap border-b-0 border-t border-blue-100"> <svg role="img" aria-hidden="true" focusable="false" width="30" height="30" viewBox="0 0 40 40" class="inline-block mr-1" fill="#36b0bb"><use xlink:href="#logo-netlify-gem"/></svg> Deploy to Netlify </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="troglio" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/troglio/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Troglio </div> <div class="p-4"> <div class="text-sm mb-4"> Turn Trello into a CMS </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="typewriter" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/typewriter/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-gold"> Typewriter </div> <div class="p-4"> <div class="text-sm mb-4"> Typewriter is a simple yet flexible headless CMS that works with any platform you want to use. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="usecue cms" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="git-based" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/usecue-cms/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-sunrise"> Usecue CMS </div> <div class="p-4"> <div class="text-sm mb-4"> A Git-based CMS for the Hugo Static Site Generator. Manage your site's content with zero config. </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">Git-based</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">Hugo</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="versioned" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="yes" data-filter-template=""> <a href="/headless-cms/versioned/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-blue"><div class="text-xxs mb-2"> <span class="inline-block uppercase bg-black text-white leading-5 px-2 rounded">Open Source</span> </div> Versioned </div> <div class="p-4"> <div class="text-sm mb-4"> Versioned is an open source CMS API and admin UI based on Node.js/MongoDB/Vue.js </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> <div id="" class="generator-card flex flex-col h-full" data-sort-name="zesty.io" data-sort-githubstars-numeric-descending="" data-filter-typeofcms="api driven" data-filter-opensource="no" data-filter-template=""> <a href="/headless-cms/zestyio/" class="flex-grow block border-0 bg-white text-gray-700 rounded-t-lg last:rounded-b-lg"> <div class="text-xl md:text-2xl lg:text-3xl font-bold text-ellipsis text-black bg-gradient-to-b dark:border-b border-black rounded-t-lg p-4 bg-gradient-card-seafoam"> Zesty.io </div> <div class="p-4"> <div class="text-sm mb-4"> Zesty.io is a hybrid CMS that allows you to generate content APIs, custom endpoints, and more! </div> <dl class="grid grid-cols-5 gap-2 text-sm"> <dt class="col-span-2 font-bold">Type:</dt> <dd class="col-span-3">API Driven</dd> <dt class="col-span-2 font-bold">Supported Site Generators:</dt> <dd class="col-span-3 flex items-end">All</dd> </dl> </div> </a> </div> </div> </filter-container> </sort-container> </section> <section class="mt-12"> <h2 class="dark:text-white font-semi-bold text-3xl">Contribute</h2> <p> Should your site be featured here in this gallery? Let us know about it by <a href="https://github.com/jamstack/jamstack.org" target="_BLANK" rel="noopener">opening a pull request</a>. </p> </section> <div class="border-gray-300 dark:border-blue-800 border-t"> <section> <footer class="py-20 dark:text-blue-200"> <p class="p-2">© 2024 Netlify </p> <ul class="text-left md:flex justify-between flex-wrap"> <li class="p-2 flex-[1_0_33%]"><a href="https://netlify.com/jamstack">Jamstack on Netlify</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://community.netlify.com/">Netlify Support</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://github.com/jamstack/jamstack.org">Code on GitHub</a></li> <li class="p-2 flex-[1_0_33%]"><a href="/code-of-conduct/">Code of Conduct</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://www.netlify.com/trust-center/" id="cta-footer-trustcenter">Trust Center</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://www.netlify.com/privacy/" id="cta-footer-privacypolicy">Privacy</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://www.netlify.com/security/" id="cta-footer-security">Security</a></li> <li class="p-2 flex-[1_0_33%]"><a href="https://www.netlify.com/gdpr-ccpa/" id="cta-footer-gdpr">GDPR/CCPA</a></li> <li class="p-2 flex-[1_0_33%]"><a href="mailto:fraud@netlify.com?subject=Abuse%20report&body=Please%20include%20the%20site%20URL%20and%20reason%20for%20your%20report%2C%20and%20we%20will%20reply%20promptly." id="cta-footer-abuse" target="_blank" rel="noopener noreferrer">Abuse</a></li> </ul> </footer> </section> </div> </div> </div> <svg width="0" height="0" aria-hidden="true" style="position: absolute;"> <defs> <symbol id="logo-netlify-gem" viewBox="0 0 128 113"> <g clip-path="url(#clip0_236_179)"> <path d="M34.593 94.2052H33.3844L27.3514 88.1722V86.9637L36.5743 77.7409H42.9639L43.8158 78.5928V84.9824L34.593 94.2052Z" fill="#181A1C"/> <path d="M27.3514 25.9703V24.7617L33.3844 18.7287H34.593L43.8158 27.9515V34.3411L42.9639 35.1931H36.5743L27.3514 25.9703Z" fill="#181A1C"/> <path d="M80.4594 74.759H71.6824L70.9493 74.026V53.4802C70.9493 49.8248 69.5129 46.9915 65.1046 46.8925C62.836 46.833 60.2405 46.8925 57.4668 47.0014L57.0507 47.4274V74.0161L56.3176 74.7491H47.5406L46.8075 74.0161V38.9179L47.5406 38.1848H67.2939C74.9713 38.1848 81.1925 44.406 81.1925 52.0834V74.026L80.4594 74.759Z" fill="#181A1C"/> <path d="M35.8412 61.6034H0.73307L0 60.8703V52.0735L0.73307 51.3404H35.8412L36.5743 52.0735V60.8703L35.8412 61.6034Z" fill="#181A1C"/> <path d="M127.277 61.6034H92.1687L91.4356 60.8703V52.0735L92.1687 51.3404H127.277L128.01 52.0735V60.8703L127.277 61.6034Z" fill="#181A1C"/> <path d="M58.9428 27.2185V0.887367L59.6759 0.154297H68.4727L69.2058 0.887367V27.2185L68.4727 27.9515H59.6759L58.9428 27.2185Z" fill="#181A1C"/> <path d="M58.9428 112.056V85.7254L59.6759 84.9923H68.4727L69.2058 85.7254V112.056L68.4727 112.79H59.6759L58.9428 112.056Z" fill="#181A1C"/> </g> <defs> <clipPath id="clip0_236_179"> <rect width="128" height="112.635" fill="white" transform="translate(0 0.154297)"/> </clipPath> </defs> </symbol> <symbol id="logo-twitter" viewBox="0 0 34 28" fill="none"> <path d="M10.7387 27.7146C23.4746 27.7146 30.4406 17.163 30.4406 8.01275C30.4406 7.71305 30.4406 7.4147 30.4204 7.1177C31.7755 6.13748 32.9453 4.92378 33.875 3.53345C32.6112 4.09343 31.2706 4.46066 29.8979 4.6229C31.3434 3.75752 32.4253 2.39644 32.9422 0.792946C31.5829 1.59951 30.0959 2.16794 28.5452 2.4737C27.5012 1.36357 26.1204 0.628473 24.6165 0.382159C23.1126 0.135844 21.5695 0.392045 20.2259 1.11111C18.8823 1.83018 17.8131 2.97203 17.1839 4.35997C16.5546 5.7479 16.4003 7.30454 16.7449 8.789C13.9919 8.65098 11.2987 7.93557 8.84011 6.68919C6.38155 5.44282 4.21258 3.69335 2.474 1.55435C1.58852 3.07872 1.31732 4.88326 1.71561 6.60056C2.1139 8.31787 3.15173 9.81881 4.6178 10.7978C3.51585 10.7651 2.43793 10.4679 1.475 9.9311C1.475 9.95945 1.475 9.98915 1.475 10.0188C1.47544 11.6175 2.02885 13.1669 3.04138 14.4041C4.05391 15.6412 5.46321 16.4901 7.03025 16.8066C6.01082 17.0847 4.94123 17.1253 3.90365 16.9254C4.34613 18.3013 5.20757 19.5045 6.3675 20.3667C7.52742 21.2289 8.92783 21.707 10.3729 21.7341C7.92089 23.6612 4.89193 24.7073 1.77335 24.7042C1.22242 24.7031 0.672026 24.6697 0.125 24.6042C3.29161 26.6364 6.97613 27.7143 10.7387 27.7092" class="fill-current"/> </symbol> <symbol id="logo-github" viewBox="0 0 36 36" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0863 9.46569e-06C9.21815 -0.00900389 1.65462 6.41992 0.234722 15.1737C-1.18518 23.9274 3.95842 32.4175 12.3747 35.2121C13.2842 35.3784 13.6058 34.8128 13.6058 34.3359C13.6058 33.8591 13.6058 32.7722 13.6058 31.2639C8.55963 32.3619 7.49495 28.8351 7.49495 28.8351C7.16018 27.7421 6.44899 26.803 5.48758 26.1845C3.85729 25.0754 5.62067 25.0754 5.62067 25.0754C6.77864 25.239 7.79701 25.9261 8.38218 26.9386C8.87779 27.8373 9.7109 28.5015 10.6974 28.7846C11.6838 29.0676 12.7424 28.9461 13.639 28.4469C13.7086 27.5346 14.102 26.6771 14.7481 26.0292C10.7334 25.5745 6.51899 24.0219 6.51899 17.1569C6.49143 15.3635 7.15456 13.6283 8.37109 12.3104C7.82928 10.7511 7.8926 9.04522 8.54854 7.5304C8.54854 7.5304 10.0679 7.04243 13.517 9.3825C16.4788 8.56931 19.605 8.56931 22.5668 9.3825C26.016 7.04243 27.5242 7.5304 27.5242 7.5304C28.1893 9.02919 28.2685 10.7228 27.7461 12.2771C28.9626 13.595 29.6257 15.3303 29.5982 17.1236C29.5982 24.0662 25.3727 25.5856 21.3469 25.996C22.2203 26.874 22.6695 28.088 22.5779 29.3231C22.5779 31.7408 22.5779 33.6927 22.5779 34.2805C22.5779 34.8683 22.8995 35.323 23.82 35.1455C32.1364 32.2787 37.1791 23.8386 35.7627 15.1567C34.3463 6.47484 26.8826 0.0750875 18.0863 9.46569e-06Z" class="fill-current"/> </symbol> <symbol id="gem-jamstack" fill="none" viewBox="0 0 53 53"><path fill="none" fill-rule="evenodd" d="M26.5 0C11.847 0 0 11.847 0 26.5S11.847 53 26.5 53 53 41.153 53 26.5V0H26.5zm-1.13 45.613c-9.687-.553-17.466-8.332-18.02-18.02h18.02v18.02zm2.223-17.983h18.02c-.553 9.687-8.332 17.466-18.02 18.02V27.63zm0-20.303h18.044V25.37H27.593V7.327z" clip-rule="evenodd" class="fill-current" /></symbol> <symbol id="github-star" viewBox="0 0 14 16" fill="currentColor" aria-hidden="true" version="1.1" style="display: inline-block; vertical-align: text-top;"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></symbol> <symbol id="github-issue" viewBox="0 0 14 16" fill="currentColor" aria-hidden="true" version="1.1" style="display: inline-block; vertical-align: text-top;"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></symbol> <symbol id="github-fork" viewBox="0 0 10 16" fill="currentColor" aria-hidden="true" version="1.1" style="display: inline-block; vertical-align: text-top;"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></symbol> <symbol id="icon-home" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M18.672,11H17v6c0,0.445-0.194,1-1,1h-4v-6H8v6H4c-0.806,0-1-0.555-1-1v-6H1.328c-0.598,0-0.47-0.324-0.06-0.748L9.292,2.22C9.487,2.018,9.743,1.918,10,1.908c0.257,0.01,0.513,0.109,0.708,0.312l8.023,8.031C19.142,10.676,19.27,11,18.672,11z"></path></symbol> <symbol id="icon-twitter" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M17.316,6.246c0.008,0.162,0.011,0.326,0.011,0.488c0,4.99-3.797,10.742-10.74,10.742c-2.133,0-4.116-0.625-5.787-1.697c0.296,0.035,0.596,0.053,0.9,0.053c1.77,0,3.397-0.604,4.688-1.615c-1.651-0.031-3.046-1.121-3.526-2.621c0.23,0.043,0.467,0.066,0.71,0.066c0.345,0,0.679-0.045,0.995-0.131c-1.727-0.348-3.028-1.873-3.028-3.703c0-0.016,0-0.031,0-0.047c0.509,0.283,1.092,0.453,1.71,0.473c-1.013-0.678-1.68-1.832-1.68-3.143c0-0.691,0.186-1.34,0.512-1.898C3.942,5.498,6.725,7,9.862,7.158C9.798,6.881,9.765,6.594,9.765,6.297c0-2.084,1.689-3.773,3.774-3.773c1.086,0,2.067,0.457,2.756,1.191c0.859-0.17,1.667-0.484,2.397-0.916c-0.282,0.881-0.881,1.621-1.66,2.088c0.764-0.092,1.49-0.293,2.168-0.594C18.694,5.051,18.054,5.715,17.316,6.246z"></path></symbol> <symbol id="icon-github" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M13.18,11.309c-0.718,0-1.3,0.807-1.3,1.799c0,0.994,0.582,1.801,1.3,1.801s1.3-0.807,1.3-1.801C14.479,12.116,13.898,11.309,13.18,11.309z M17.706,6.626c0.149-0.365,0.155-2.439-0.635-4.426c0,0-1.811,0.199-4.551,2.08c-0.575-0.16-1.548-0.238-2.519-0.238c-0.973,0-1.945,0.078-2.52,0.238C4.74,2.399,2.929,2.2,2.929,2.2C2.14,4.187,2.148,6.261,2.295,6.626C1.367,7.634,0.8,8.845,0.8,10.497c0,7.186,5.963,7.301,7.467,7.301c0.342,0,1.018,0.002,1.734,0.002c0.715,0,1.392-0.002,1.732-0.002c1.506,0,7.467-0.115,7.467-7.301C19.2,8.845,18.634,7.634,17.706,6.626z M10.028,16.915H9.972c-3.771,0-6.709-0.449-6.709-4.115c0-0.879,0.31-1.693,1.047-2.369c1.227-1.127,3.305-0.531,5.662-0.531c0.01,0,0.02,0,0.029,0c0.01,0,0.018,0,0.027,0c2.357,0,4.436-0.596,5.664,0.531c0.735,0.676,1.045,1.49,1.045,2.369C16.737,16.466,13.8,16.915,10.028,16.915z M6.821,11.309c-0.718,0-1.3,0.807-1.3,1.799c0,0.994,0.582,1.801,1.3,1.801c0.719,0,1.301-0.807,1.301-1.801C8.122,12.116,7.54,11.309,6.821,11.309z"></path></symbol> <symbol id="icon-color-theme-system" viewBox="0 0 14 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-7 5.2A5.2 5.2 0 0 1 7 1.8v10.4Z" class="fill-current"/></symbol> <symbol id="icon-color-theme-light" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a.667.667 0 0 0-.667.667v.666a.667.667 0 0 0 1.334 0V.667A.667.667 0 0 0 8 0ZM2.343 2.343c.26-.26.682-.26.943 0l.471.472a.667.667 0 1 1-.943.942l-.471-.471a.667.667 0 0 1 0-.943ZM0 8c0-.368.298-.667.667-.667h.666a.667.667 0 0 1 0 1.334H.667A.667.667 0 0 1 0 8Zm12.243-4.243a.666.666 0 0 1 0-.942l.47-.472a.667.667 0 1 1 .944.943l-.472.471a.667.667 0 0 1-.942 0Zm2.424 3.576a.667.667 0 1 0 0 1.334h.666a.667.667 0 1 0 0-1.334h-.666Zm-2.424 4.91c.26-.26.682-.26.942 0l.472.47a.667.667 0 1 1-.943.944l-.471-.472a.667.667 0 0 1 0-.942ZM8 14a.667.667 0 0 0-.667.667v.666a.667.667 0 1 0 1.334 0v-.666A.667.667 0 0 0 8 14Zm-5.657-.343a.667.667 0 0 1 0-.943l.472-.471a.667.667 0 0 1 .942.942l-.471.472a.667.667 0 0 1-.943 0Zm1.616-3.324a4.667 4.667 0 1 0 8.083-4.666 4.667 4.667 0 0 0-8.083 4.666Z" class="fill-current"/></symbol> <symbol id="icon-color-theme-dark" viewBox="0 0 12 12" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.314 6.866c-.444.11-.888.166-1.331.166A4.96 4.96 0 0 1 4.99 2.063c0-.441.056-.883.167-1.325.055-.165 0-.386-.167-.552-.166-.165-.332-.22-.554-.165C1.83.794 0 3.223 0 5.928A6.069 6.069 0 0 0 6.1 12c2.718 0 5.158-1.822 5.88-4.472.055-.165 0-.386-.167-.552a.534.534 0 0 0-.5-.11Z" class="fill-current"/></symbol> </defs> </svg> <script type="module" src="/js/details-force-state.js"></script> <script type="module" src="/js/color-theme.js"></script> <script type="module" src="/js/filter-container.js"></script> <script type="module" src="/js/sort-container.js"></script> <script type="module" src="/js/lazyiframe.js"></script> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="0cb5a2ff-9c8e-4d4d-abc0-af2d4bcd0e7a" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiMGNiNWEyZmYtOWM4ZS00ZDRkLWFiYzAtYWYyZDRiY2QwZTdhIiwiYWNjb3VudF9pZCI6IjU4ZGE4ODkzZDY4NjVkMzVjOTJhNzJiOCIsImRlcGxveV9pZCI6IjY3NDFlMTVkMGYzNWYwMDAwODFlMDE4NCIsImlzc3VlciI6Im5mc2VydmVyIn0.nyQsKUiQY6exTmJFIKgxQ9eWbEdsRrkD1JSOYqWsolE"></script><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-42258181-6', 'auto'); ga('send', 'pageview'); </script></body> </html>

CINXE.COM

Headless CMS - Top Content Management Systems | Jamstack