Showcase | Jekyll • Simple, blog-aware, static sites

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link type="application/atom+xml" rel="alternate" href="https://jekyllrb.com/feed.xml" title="Jekyll • Simple, blog-aware, static sites" /> <link type="application/atom+xml" rel="alternate" href="/feed/release.xml" title="Jekyll releases posts" /> <link rel="alternate" type="application/atom+xml" title="Recent commits to Jekyll’s master branch" href="https://github.com/jekyll/jekyll/commits/master.atom"> <link rel="preload" href="/fonts/lato-v14-latin-300.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/fonts/lato-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/css/screen.css" as="style"> <link rel="stylesheet" href="/css/screen.css"> <link rel="icon" type="image/x-icon" href="/favicon.ico">  <title>Showcase | Jekyll • Simple, blog-aware, static sites</title> <meta name="generator" content="Jekyll v4.4.1" /> <meta property="og:title" content="Showcase" /> <meta property="og:locale" content="en_US" /> <meta name="description" content="Transform your plain text into static websites and blogs" /> <meta property="og:description" content="Transform your plain text into static websites and blogs" /> <link rel="canonical" href="https://jekyllrb.com/showcase/" /> <meta property="og:url" content="https://jekyllrb.com/showcase/" /> <meta property="og:site_name" content="Jekyll • Simple, blog-aware, static sites" /> <meta property="og:image" content="https://jekyllrb.com/img/jekyll-og.png" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:image" content="https://jekyllrb.com/img/jekyll-og.png" /> <meta property="twitter:title" content="Showcase" /> <meta name="twitter:site" content="@jekyllrb" /> <meta name="google-site-verification" content="onQcXpAvtHBrUI5LlroHNE_FP0b2qvFyPq7VZw36iEY" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","description":"Transform your plain text into static websites and blogs","headline":"Showcase","image":"https://jekyllrb.com/img/jekyll-og.png","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://jekyllrb.com/img/logo-2x.png"}},"url":"https://jekyllrb.com/showcase/"}</script>   </head> <body class="wrap"><header> <div class="flexbox"> <div class="center-on-mobiles"> <h1> <a href="/" class="logo"> <span class="sr-only">Jekyll</span> <img src="/img/logo-2x.png" width="140" height="65" alt="Jekyll Logo"> </a> </h1> </div> <nav class="main-nav hide-on-mobiles"> <ul> <li><a href="/">Home</a></li> <li><a href="/docs/">Docs</a></li> <li><a href="/resources/">Resources</a></li> <li class="current"><a href="/showcase/">Showcase</a></li> <li><a href="/news/">News</a></li> </ul> </nav> <div class="search hide-on-mobiles"> <input type="text" id="docsearch-input" placeholder="Search the docs…" aria-label="Search"></div> <div class="meta hide-on-mobiles"> <ul> <li><a href="https://github.com/jekyll/jekyll/releases/tag/v4.4.1">v4.4.1</a></li> <li><a href="https://github.com/jekyll/jekyll">GitHub</a></li> </ul> </div> </div> <nav class="mobile-nav show-on-mobiles"> <ul> <li><a href="/">Home</a></li> <li><a href="/docs/">Docs</a></li> <li><a href="/resources/">Resources</a></li> <li><a href="/news/">News</a></li> <li><a href="https://github.com/jekyll/jekyll" target="_blank" rel="noopener">GitHub</a></li> </ul></nav> </header> <section class="standalone"> <div class="grid"> <div class="unit whole"> <article><h1>Showcase</h1> <p>Jekyll powers many company websites; here are a few nice ones:</p> <ul class="showcase" id="showcase"> <li> <a href="https://rubyonrails.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/ruby-on-rails.png" alt="Ruby on Rails" width="404" height="253"> <figcaption>Ruby on Rails</figcaption> </figure> </a> </li> <li> <a href="https://www.sketch.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/sketch.png" alt="Sketch" width="404" height="253"> <figcaption>Sketch</figcaption> </figure> </a> </li> <li> <a href="https://developer.spotify.com" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/spotify-developers.png" alt="Spotify for Developers" width="404" height="253"> <figcaption>Spotify for Developers</figcaption> </figure> </a> </li> <li> <a href="https://frame.ai/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/frame-ai.png" alt="frame.ai" width="404" height="253"> <figcaption>frame.ai</figcaption> </figure> </a> </li> <li> <a href="https://release.mozilla.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/mozilla-release-blog.png" alt="Release Management Blog" width="404" height="253"> <figcaption>Release Management Blog</figcaption> </figure> </a> </li> <li> <a href="https://yeoman.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/yeoman.png" alt="Yeoman" width="404" height="253"> <figcaption>Yeoman</figcaption> </figure> </a> </li> <li> <a href="https://dev.twitch.tv/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/twitch-developers.png" alt="Twitch Developer Documentation" width="404" height="253"> <figcaption>Twitch Developer Documentation</figcaption> </figure> </a> </li> <li> <a href="https://devices.netflix.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/netflix.png" alt="Netflix Devices" width="404" height="253"> <figcaption>Netflix Devices</figcaption> </figure> </a> </li> <li> <a href="https://worldstatisticsday.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/world-statistics-day.png" alt="UN World Statistics" width="404" height="253"> <figcaption>UN World Statistics</figcaption> </figure> </a> </li> <li> <a href="https://www.twitchcon.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/twitchcon.png" alt="TwitchCon" width="404" height="253"> <figcaption>TwitchCon</figcaption> </figure> </a> </li> <li> <a href="https://pariscall.international/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/appel-de-paris.png" alt="Paris Call for Trust and Security in Cyberspace" width="404" height="253"> <figcaption>Paris Call for Trust and Security in Cyberspace</figcaption> </figure> </a> </li> <li> <a href="https://beta.gouv.fr/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/beta-gouv-fr.png" alt="French Government Digital Services" width="404" height="253"> <figcaption>French Government Digital Services</figcaption> </figure> </a> </li> <li> <a href="https://isomer.gov.sg/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/isomer.png" alt="Isomer - Singapore Government Static Websites" width="404" height="253"> <figcaption>Isomer - Singapore Government Static Websites</figcaption> </figure> </a> </li> <li> <a href="https://developmentseed.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/development-seed.png" alt="Development Seed" width="404" height="253"> <figcaption>Development Seed</figcaption> </figure> </a> </li> <li> <a href="https://18f.gsa.gov/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/18f.png" alt="18F" width="404" height="253"> <figcaption>18F</figcaption> </figure> </a> </li> <li> <a href="https://mobilefirstplatform.ibmcloud.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/ibm-mobile-foundation.png" alt="IBM MobileFirst Foundation" width="404" height="253"> <figcaption>IBM MobileFirst Foundation</figcaption> </figure> </a> </li> <li> <a href="https://www.chain.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/chain.png" alt="Chain" width="404" height="253"> <figcaption>Chain</figcaption> </figure> </a> </li> <li> <a href="https://cssreference.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/cssreference.png" alt="CSS Reference" width="404" height="253"> <figcaption>CSS Reference</figcaption> </figure> </a> </li> <li> <a href="https://htmlreference.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/htmlreference.png" alt="HTML Reference" width="404" height="253"> <figcaption>HTML Reference</figcaption> </figure> </a> </li> <li> <a href="https://www.digital-democracy.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/digital-democracy.png" alt="Digital Democracy" width="404" height="253"> <figcaption>Digital Democracy</figcaption> </figure> </a> </li> <li> <a href="https://www.mailta.pe/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/mailtape.png" alt="MailTape" width="404" height="253"> <figcaption>MailTape</figcaption> </figure> </a> </li> <li> <a href="https://lattice.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/lattice.png" alt="Lattice" width="404" height="253"> <figcaption>Lattice</figcaption> </figure> </a> </li> <li> <a href="https://himatt.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/matt-grey.png" alt="Matt Grey" width="404" height="253"> <figcaption>Matt Grey</figcaption> </figure> </a> </li> <li> <a href="https://probot.github.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/probot.png" alt="Probot" width="404" height="253"> <figcaption>Probot</figcaption> </figure> </a> </li> <li> <a href="https://www.markdownguide.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/markdown-guide.png" alt="The Markdown Guide" width="404" height="253"> <figcaption>The Markdown Guide</figcaption> </figure> </a> </li> <li> <a href="https://rehanbutt.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/rehn.png" alt="Rehan Butt" width="404" height="253"> <figcaption>Rehan Butt</figcaption> </figure> </a> </li> <li> <a href="https://www.grantmakers.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/grantmakers.png" alt="Grantmaker Search" width="404" height="253"> <figcaption>Grantmaker Search</figcaption> </figure> </a> </li> <li> <a href="https://designsystem.digital.gov/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/uswds.png" alt="U.S. Web Design Standards" width="404" height="253"> <figcaption>U.S. Web Design Standards</figcaption> </figure> </a> </li> <li> <a href="https://plainlanguage.gov/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/plainlanguage-gov.png" alt="plainlanguage.gov" width="404" height="253"> <figcaption>plainlanguage.gov</figcaption> </figure> </a> </li> <li> <a href="https://login.gov/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/login-gov.png" alt="Login.gov" width="404" height="253"> <figcaption>Login.gov</figcaption> </figure> </a> </li> <li> <a href="https://www.sydneynewyearseve.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/nsw.png" alt="Sydney New Years Eve" width="404" height="253"> <figcaption>Sydney New Years Eve</figcaption> </figure> </a> </li> <li> <a href="https://developers.italia.it/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/italia-it.png" alt="italia.it" width="404" height="253"> <figcaption>italia.it</figcaption> </figure> </a> </li> <li> <a href="https://lightburn.co/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/lightburn.png" alt="Lightburn" width="404" height="253"> <figcaption>Lightburn</figcaption> </figure> </a> </li> <li> <a href="https://www.wearecollins.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/collins.png" alt="We are COLLINS" width="404" height="253"> <figcaption>We are COLLINS</figcaption> </figure> </a> </li> <li> <a href="https://help.passbolt.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/passbolt-help.png" alt="Passbolt Help" width="404" height="253"> <figcaption>Passbolt Help</figcaption> </figure> </a> </li> <li> <a href="https://www.artandabout.com.au/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/art-sydney.png" alt="Art & About Sydney" width="404" height="253"> <figcaption>Art & About Sydney</figcaption> </figure> </a> </li> <li> <a href="https://www.foia.gov/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/foia-gov.png" alt="Freedom of Information Act" width="404" height="253"> <figcaption>Freedom of Information Act</figcaption> </figure> </a> </li> <li> <a href="https://auth0.com/blog/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/auth0-blog.png" alt="Auth0 Blog" width="404" height="253"> <figcaption>Auth0 Blog</figcaption> </figure> </a> </li> <li> <a href="https://www.mapwize.io/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/mapwize.png" alt="Mapwize" width="404" height="253"> <figcaption>Mapwize</figcaption> </figure> </a> </li> <li> <a href="https://bitcoin.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/bitcoin.png" alt="Bitcoin" width="404" height="253"> <figcaption>Bitcoin</figcaption> </figure> </a> </li> <li> <a href="https://www.vidgrid.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/vidgrid.png" alt="Vidgrid" width="404" height="253"> <figcaption>Vidgrid</figcaption> </figure> </a> </li> <li> <a href="https://www.mvvmcross.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/mvvm.png" alt="MvvmCross" width="404" height="253"> <figcaption>MvvmCross</figcaption> </figure> </a> </li> <li> <a href="https://kotn.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/kotn.png" alt="KOTN" width="404" height="253"> <figcaption>KOTN</figcaption> </figure> </a> </li> <li> <a href="https://vesterheim.org/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/vesterheim.png" alt="Vesterheim Norwegian-American Museum" width="404" height="253"> <figcaption>Vesterheim Norwegian-American Museum</figcaption> </figure> </a> </li> <li> <a href="https://cloudcannon.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/cloudcannon.png" alt="CloudCannon" width="404" height="253"> <figcaption>CloudCannon</figcaption> </figure> </a> </li> <li> <a href="https://www.siteleaf.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/siteleaf.png" alt="SiteLeaf" width="404" height="253"> <figcaption>SiteLeaf</figcaption> </figure> </a> </li> <li> <a href="https://tom.preston-werner.com/" target="_blank"> <figure> <img loading="lazy" src="https://res.cloudinary.com/jekyll/image/upload/f_auto,q_auto,w_404/showcase/tom-preston-werner.png" alt="Tom Preston Werner Blog" width="404" height="253"> <figcaption>Tom Preston Werner Blog</figcaption> </figure> </a> </li> <li class="spacer"></li> </ul> </article> </div> <div class="clear"></div> </div> </section> <footer> <div class="grid"> <div class="unit two-thirds center-on-mobiles"> <p>Jekyll is lovingly maintained by the <a href="/team/">core team</a> of volunteers. </p> <p>The contents of this website are <br />© 2025 under the terms of the <a href="https://github.com/jekyll/jekyll/blob/master/LICENSE">MIT License</a>.</p> </div> <div class="unit one-third align-right center-on-mobiles"> <p> Proudly hosted by <a href="https://github.com"> <img src="/img/footer-logo.png" width="100" height="30" alt="GitHub • Social coding"> </a> </p> <p> Jekyll is funded thanks to its <a href="https://github.com/jekyll/jekyll#sponsors">sponsors!</a> </p> </div> </div> </footer> <script> /* Creates an anchor element with the given ID and link for the permalink*/ const anchorForId = (id) => { const anchor = document.createElement("a"); anchor.className = "header-link"; anchor.href = `#${id}`; anchor.innerHTML = `<span class="sr-only">Permalink</span><i class="fa fa-link" aria-hidden="true"></i>`; anchor.title = "Permalink"; return anchor; }; /* Finds all headers of the specified level within the given element, and adds a permalink to each header*/ const linkifyAnchors = (level, containingElement) => { const headers = Array.from(containingElement.getElementsByTagName(`h${level}`)); headers.forEach((header) => { if (header.id) { header.appendChild(anchorForId(header.id)); } }); }; /* Executes the function when the document is ready */ document.onreadystatechange = () => { if (document.readyState === "complete") { const contentBlock = document.getElementsByClassName("docs")[0] ?? document.getElementsByClassName("news")[0]; if (!contentBlock) { return; } for (let level = 1; level <= 6; level++) { linkifyAnchors(level, contentBlock); } } }; </script>  <script> !function(j,e,k,y,l,L){j.GoogleAnalyticsObject=y,j[y]||(j[y]=function(){ (j[y].q=j[y].q||[]).push(arguments)}),j[y].l=+new Date,l=e.createElement(k), L=e.getElementsByTagName(k)[0],l.src='https://www.google-analytics.com/analytics.js', L.parentNode.insertBefore(l,L)}(window,document,'script','ga'); ga('create', 'UA-50755011-1', 'jekyllrb.com'); ga('send', 'pageview'); </script> <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script> <script> docsearch({ apiKey: '50fe39c839958dfad797000f33e2ec17', indexName: 'jekyllrb', inputSelector: '#docsearch-input', enhancedSearchInput: true, debug: false // Set debug to true if you want to inspect the dropdown }); </script> <script> const navigateToUrl = (select) => { const url = select.value; url && (window.location.href = url); }; </script> </body> </html>

CINXE.COM

Showcase | Jekyll • Simple, blog-aware, static sites