CINXE.COM
Themes | Zola
<!DOCTYPE html> <html lang="en-gb"> <head> <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Everything you need to make a static site engine in one binary."> <meta name="author" content="Vincent Prouillet"> <title>Themes | Zola </title> <link rel="stylesheet" href="https://www.getzola.org/site.css"> <link rel="icon" href="https://www.getzola.org/favicon.ico"> </head> <body> <header> <a class="header__logo white" href="https://www.getzola.org/">Zola</a> <nav> <ul> <li><a class="white" href="https://www.getzola.org/documentation/" class="nav-link">Docs</a></li> <li><a class="white" href="https://www.getzola.org/themes/" class="nav-link">Themes</a></li> <li><a class="white external" href="https://zola.discourse.group/" class="nav-link">Forum</a></li> <li><a class="white external" href="https://github.com/getzola/zola" class="nav-link">GitHub</a></li> </ul> <div class="search-container"> <input id="search" type="search" placeholder="🔎 Search the docs"> <div class="search-results"> <div class="search-results__items"></div> </div> </div> </nav> </header> <div class="content content--reversed"> <div class="themes-container"> <h1>Zola themes</h1> <p><a href="https://www.getzola.org/theme-tags">Search by tags</a></p> <div class="themes"> <a class="theme" href="https://www.getzola.org/themes/linkita/"> <img src="https://www.getzola.org/themes/linkita/screenshot.png" alt="Screenshot of Linkita"> <span>Linkita</span> </a> <a class="theme" href="https://www.getzola.org/themes/tabi/"> <img src="https://www.getzola.org/themes/tabi/screenshot.png" alt="Screenshot of tabi"> <span>tabi</span> </a> <a class="theme" href="https://www.getzola.org/themes/book/"> <img src="https://www.getzola.org/themes/book/screenshot.png" alt="Screenshot of book"> <span>book</span> </a> <a class="theme" href="https://www.getzola.org/themes/homepage-creators/"> <img src="https://www.getzola.org/themes/homepage-creators/screenshot.png" alt="Screenshot of homepage-creators"> <span>homepage-creators</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-theme-jiaxiang-wang/"> <img src="https://www.getzola.org/themes/zola-theme-jiaxiang-wang/screenshot.png" alt="Screenshot of jiaxiang.wang"> <span>jiaxiang.wang</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-futu/"> <img src="https://www.getzola.org/themes/zola-futu/screenshot.png" alt="Screenshot of futu"> <span>futu</span> </a> <a class="theme" href="https://www.getzola.org/themes/halve-z/"> <img src="https://www.getzola.org/themes/halve-z/screenshot.png" alt="Screenshot of halve-z"> <span>halve-z</span> </a> <a class="theme" href="https://www.getzola.org/themes/zluinav/"> <img src="https://www.getzola.org/themes/zluinav/screenshot.png" alt="Screenshot of UI Navigation"> <span>UI Navigation</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-minimal/"> <img src="https://www.getzola.org/themes/zola-minimal/screenshot.png" alt="Screenshot of Minimal"> <span>Minimal</span> </a> <a class="theme" href="https://www.getzola.org/themes/hook/"> <img src="https://www.getzola.org/themes/hook/screenshot.png" alt="Screenshot of Hook"> <span>Hook</span> </a> <a class="theme" href="https://www.getzola.org/themes/academic-workshop/"> <img src="https://www.getzola.org/themes/academic-workshop/screenshot.png" alt="Screenshot of Academic Workshop"> <span>Academic Workshop</span> </a> <a class="theme" href="https://www.getzola.org/themes/radion/"> <img src="https://www.getzola.org/themes/radion/screenshot.png" alt="Screenshot of radion"> <span>radion</span> </a> <a class="theme" href="https://www.getzola.org/themes/tranquil/"> <img src="https://www.getzola.org/themes/tranquil/screenshot.png" alt="Screenshot of tranquil"> <span>tranquil</span> </a> <a class="theme" href="https://www.getzola.org/themes/project-portfolio/"> <img src="https://www.getzola.org/themes/project-portfolio/screenshot.png" alt="Screenshot of Project Portfolio"> <span>Project Portfolio</span> </a> <a class="theme" href="https://www.getzola.org/themes/anatole-zola/"> <img src="https://www.getzola.org/themes/anatole-zola/screenshot.png" alt="Screenshot of anatole-zola"> <span>anatole-zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/kita/"> <img src="https://www.getzola.org/themes/kita/screenshot.png" alt="Screenshot of Kita"> <span>Kita</span> </a> <a class="theme" href="https://www.getzola.org/themes/apollo/"> <img src="https://www.getzola.org/themes/apollo/screenshot.png" alt="Screenshot of apollo"> <span>apollo</span> </a> <a class="theme" href="https://www.getzola.org/themes/re137/"> <img src="https://www.getzola.org/themes/re137/screenshot.png" alt="Screenshot of re137"> <span>re137</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-hacker/"> <img src="https://www.getzola.org/themes/zola-hacker/screenshot.png" alt="Screenshot of zola-hacker"> <span>zola-hacker</span> </a> <a class="theme" href="https://www.getzola.org/themes/zolarwind/"> <img src="https://www.getzola.org/themes/zolarwind/screenshot.png" alt="Screenshot of Zolarwind"> <span>Zolarwind</span> </a> <a class="theme" href="https://www.getzola.org/themes/abridge/"> <img src="https://www.getzola.org/themes/abridge/screenshot.png" alt="Screenshot of abridge"> <span>abridge</span> </a> <a class="theme" href="https://www.getzola.org/themes/serene/"> <img src="https://www.getzola.org/themes/serene/screenshot.png" alt="Screenshot of serene"> <span>serene</span> </a> <a class="theme" href="https://www.getzola.org/themes/duckquill/"> <img src="https://www.getzola.org/themes/duckquill/screenshot.png" alt="Screenshot of Duckquill"> <span>Duckquill</span> </a> <a class="theme" href="https://www.getzola.org/themes/seagull/"> <img src="https://www.getzola.org/themes/seagull/screenshot.png" alt="Screenshot of Seagull"> <span>Seagull</span> </a> <a class="theme" href="https://www.getzola.org/themes/after-dark/"> <img src="https://www.getzola.org/themes/after-dark/screenshot.png" alt="Screenshot of after-dark"> <span>after-dark</span> </a> <a class="theme" href="https://www.getzola.org/themes/papermod/"> <img src="https://www.getzola.org/themes/papermod/screenshot.png" alt="Screenshot of PaperMod"> <span>PaperMod</span> </a> <a class="theme" href="https://www.getzola.org/themes/zallery/"> <img src="https://www.getzola.org/themes/zallery/screenshot.png" alt="Screenshot of zallery"> <span>zallery</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-pickles/"> <img src="https://www.getzola.org/themes/zola-pickles/screenshot.png" alt="Screenshot of pickles"> <span>pickles</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-folio/"> <img src="https://www.getzola.org/themes/zola-folio/screenshot.png" alt="Screenshot of zola-folio"> <span>zola-folio</span> </a> <a class="theme" href="https://www.getzola.org/themes/zplit/"> <img src="https://www.getzola.org/themes/zplit/screenshot.png" alt="Screenshot of Zplit"> <span>Zplit</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-grayscale/"> <img src="https://www.getzola.org/themes/zola-grayscale/screenshot.png" alt="Screenshot of zola-grayscale"> <span>zola-grayscale</span> </a> <a class="theme" href="https://www.getzola.org/themes/seje2/"> <img src="https://www.getzola.org/themes/seje2/screenshot.png" alt="Screenshot of Seje2"> <span>Seje2</span> </a> <a class="theme" href="https://www.getzola.org/themes/no-style-please/"> <img src="https://www.getzola.org/themes/no-style-please/screenshot.png" alt="Screenshot of no style, please!"> <span>no style, please!</span> </a> <a class="theme" href="https://www.getzola.org/themes/academic-paper/"> <img src="https://www.getzola.org/themes/academic-paper/screenshot.png" alt="Screenshot of Academic Paper"> <span>Academic Paper</span> </a> <a class="theme" href="https://www.getzola.org/themes/andromeda/"> <img src="https://www.getzola.org/themes/andromeda/screenshot.png" alt="Screenshot of Andromeda"> <span>Andromeda</span> </a> <a class="theme" href="https://www.getzola.org/themes/mabuya/"> <img src="https://www.getzola.org/themes/mabuya/screenshot.png" alt="Screenshot of Mabuya"> <span>Mabuya</span> </a> <a class="theme" href="https://www.getzola.org/themes/polymathic/"> <img src="https://www.getzola.org/themes/polymathic/screenshot.png" alt="Screenshot of polymathic"> <span>polymathic</span> </a> <a class="theme" href="https://www.getzola.org/themes/inky/"> <img src="https://www.getzola.org/themes/inky/screenshot.png" alt="Screenshot of Inky"> <span>Inky</span> </a> <a class="theme" href="https://www.getzola.org/themes/hermit/"> <img src="https://www.getzola.org/themes/hermit/screenshot.png" alt="Screenshot of Hermit_Zola"> <span>Hermit_Zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/blow/"> <img src="https://www.getzola.org/themes/blow/screenshot.png" alt="Screenshot of Blow"> <span>Blow</span> </a> <a class="theme" href="https://www.getzola.org/themes/neovim-theme/"> <img src="https://www.getzola.org/themes/neovim-theme/screenshot.png" alt="Screenshot of neovim"> <span>neovim</span> </a> <a class="theme" href="https://www.getzola.org/themes/even/"> <img src="https://www.getzola.org/themes/even/screenshot.png" alt="Screenshot of even"> <span>even</span> </a> <a class="theme" href="https://www.getzola.org/themes/anemone/"> <img src="https://www.getzola.org/themes/anemone/screenshot.png" alt="Screenshot of anemone"> <span>anemone</span> </a> <a class="theme" href="https://www.getzola.org/themes/feather/"> <img src="https://www.getzola.org/themes/feather/screenshot.png" alt="Screenshot of feather"> <span>feather</span> </a> <a class="theme" href="https://www.getzola.org/themes/oceanic-zen/"> <img src="https://www.getzola.org/themes/oceanic-zen/screenshot.png" alt="Screenshot of Oceanic Zen"> <span>Oceanic Zen</span> </a> <a class="theme" href="https://www.getzola.org/themes/bearblog/"> <img src="https://www.getzola.org/themes/bearblog/screenshot.png" alt="Screenshot of Bear"> <span>Bear</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-theme-terminimal/"> <img src="https://www.getzola.org/themes/zola-theme-terminimal/screenshot.png" alt="Screenshot of terminimal"> <span>terminimal</span> </a> <a class="theme" href="https://www.getzola.org/themes/karzok/"> <img src="https://www.getzola.org/themes/karzok/screenshot.png" alt="Screenshot of karzok"> <span>karzok</span> </a> <a class="theme" href="https://www.getzola.org/themes/albatros/"> <img src="https://www.getzola.org/themes/albatros/screenshot.png" alt="Screenshot of Albatros"> <span>Albatros</span> </a> <a class="theme" href="https://www.getzola.org/themes/anpu/"> <img src="https://www.getzola.org/themes/anpu/screenshot.png" alt="Screenshot of Anpu"> <span>Anpu</span> </a> <a class="theme" href="https://www.getzola.org/themes/juice/"> <img src="https://www.getzola.org/themes/juice/screenshot.png" alt="Screenshot of juice"> <span>juice</span> </a> <a class="theme" href="https://www.getzola.org/themes/pico/"> <img src="https://www.getzola.org/themes/pico/screenshot.png" alt="Screenshot of pico"> <span>pico</span> </a> <a class="theme" href="https://www.getzola.org/themes/otherworld/"> <img src="https://www.getzola.org/themes/otherworld/screenshot.png" alt="Screenshot of otherworld"> <span>otherworld</span> </a> <a class="theme" href="https://www.getzola.org/themes/archie-zola/"> <img src="https://www.getzola.org/themes/archie-zola/screenshot.png" alt="Screenshot of archie-zola"> <span>archie-zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/kodama-theme/"> <img src="https://www.getzola.org/themes/kodama-theme/screenshot.png" alt="Screenshot of kodama"> <span>kodama</span> </a> <a class="theme" href="https://www.getzola.org/themes/minimal-dark/"> <img src="https://www.getzola.org/themes/minimal-dark/screenshot.png" alt="Screenshot of minimal-dark"> <span>minimal-dark</span> </a> <a class="theme" href="https://www.getzola.org/themes/boring/"> <img src="https://www.getzola.org/themes/boring/screenshot.png" alt="Screenshot of boring"> <span>boring</span> </a> <a class="theme" href="https://www.getzola.org/themes/simple-dev-blog/"> <img src="https://www.getzola.org/themes/simple-dev-blog/screenshot.png" alt="Screenshot of simple-dev-blog"> <span>simple-dev-blog</span> </a> <a class="theme" href="https://www.getzola.org/themes/emily/"> <img src="https://www.getzola.org/themes/emily/screenshot.png" alt="Screenshot of emily_zola_theme"> <span>emily_zola_theme</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-easydocs-theme/"> <img src="https://www.getzola.org/themes/zola-easydocs-theme/screenshot.png" alt="Screenshot of EasyDocs"> <span>EasyDocs</span> </a> <a class="theme" href="https://www.getzola.org/themes/shadharon/"> <img src="https://www.getzola.org/themes/shadharon/screenshot.png" alt="Screenshot of shadharon"> <span>shadharon</span> </a> <a class="theme" href="https://www.getzola.org/themes/tilde/"> <img src="https://www.getzola.org/themes/tilde/screenshot.png" alt="Screenshot of tilde"> <span>tilde</span> </a> <a class="theme" href="https://www.getzola.org/themes/toucan/"> <img src="https://www.getzola.org/themes/toucan/screenshot.png" alt="Screenshot of Toucan"> <span>Toucan</span> </a> <a class="theme" href="https://www.getzola.org/themes/ntun/"> <img src="https://www.getzola.org/themes/ntun/screenshot.png" alt="Screenshot of ntun-zola-theme"> <span>ntun-zola-theme</span> </a> <a class="theme" href="https://www.getzola.org/themes/hyde/"> <img src="https://www.getzola.org/themes/hyde/screenshot.png" alt="Screenshot of hyde"> <span>hyde</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-henry/"> <img src="https://www.getzola.org/themes/zola-henry/screenshot.png" alt="Screenshot of henry"> <span>henry</span> </a> <a class="theme" href="https://www.getzola.org/themes/papaya/"> <img src="https://www.getzola.org/themes/papaya/screenshot.png" alt="Screenshot of Papaya"> <span>Papaya</span> </a> <a class="theme" href="https://www.getzola.org/themes/ergo/"> <img src="https://www.getzola.org/themes/ergo/screenshot.png" alt="Screenshot of Ergo"> <span>Ergo</span> </a> <a class="theme" href="https://www.getzola.org/themes/kangae/"> <img src="https://www.getzola.org/themes/kangae/screenshot.png" alt="Screenshot of kangae"> <span>kangae</span> </a> <a class="theme" href="https://www.getzola.org/themes/codinfox-zola/"> <img src="https://www.getzola.org/themes/codinfox-zola/screenshot.png" alt="Screenshot of codinfox-zola"> <span>codinfox-zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/particle/"> <img src="https://www.getzola.org/themes/particle/screenshot.png" alt="Screenshot of particle"> <span>particle</span> </a> <a class="theme" href="https://www.getzola.org/themes/dose/"> <img src="https://www.getzola.org/themes/dose/screenshot.png" alt="Screenshot of dose"> <span>dose</span> </a> <a class="theme" href="https://www.getzola.org/themes/docsascode-theme/"> <img src="https://www.getzola.org/themes/docsascode-theme/screenshot.png" alt="Screenshot of Docsascode_theme"> <span>Docsascode_theme</span> </a> <a class="theme" href="https://www.getzola.org/themes/ataraxia-zola/"> <img src="https://www.getzola.org/themes/ataraxia-zola/screenshot.png" alt="Screenshot of ataraxia"> <span>ataraxia</span> </a> <a class="theme" href="https://www.getzola.org/themes/clean-blog/"> <img src="https://www.getzola.org/themes/clean-blog/screenshot.png" alt="Screenshot of Clean Blog"> <span>Clean Blog</span> </a> <a class="theme" href="https://www.getzola.org/themes/deepthought/"> <img src="https://www.getzola.org/themes/deepthought/screenshot.png" alt="Screenshot of DeepThought"> <span>DeepThought</span> </a> <a class="theme" href="https://www.getzola.org/themes/nasm-theme/"> <img src="https://www.getzola.org/themes/nasm-theme/screenshot.png" alt="Screenshot of nasm-theme"> <span>nasm-theme</span> </a> <a class="theme" href="https://www.getzola.org/themes/zhuia/"> <img src="https://www.getzola.org/themes/zhuia/screenshot.png" alt="Screenshot of Zhuia"> <span>Zhuia</span> </a> <a class="theme" href="https://www.getzola.org/themes/float/"> <img src="https://www.getzola.org/themes/float/screenshot.png" alt="Screenshot of Float"> <span>Float</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-theme-course/"> <img src="https://www.getzola.org/themes/zola-theme-course/screenshot.png" alt="Screenshot of Course"> <span>Course</span> </a> <a class="theme" href="https://www.getzola.org/themes/solar-theme-zola/"> <img src="https://www.getzola.org/themes/solar-theme-zola/screenshot.png" alt="Screenshot of solar-theme-zola"> <span>solar-theme-zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/hephaestus/"> <img src="https://www.getzola.org/themes/hephaestus/screenshot.png" alt="Screenshot of hephaestus"> <span>hephaestus</span> </a> <a class="theme" href="https://www.getzola.org/themes/hayflow/"> <img src="https://www.getzola.org/themes/hayflow/screenshot.png" alt="Screenshot of HayFlow"> <span>HayFlow</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-paper/"> <img src="https://www.getzola.org/themes/zola-paper/screenshot.png" alt="Screenshot of zola-paper"> <span>zola-paper</span> </a> <a class="theme" href="https://www.getzola.org/themes/soapstone/"> <img src="https://www.getzola.org/themes/soapstone/screenshot.png" alt="Screenshot of Soapstone"> <span>Soapstone</span> </a> <a class="theme" href="https://www.getzola.org/themes/zerm/"> <img src="https://www.getzola.org/themes/zerm/screenshot.png" alt="Screenshot of zerm"> <span>zerm</span> </a> <a class="theme" href="https://www.getzola.org/themes/d3c3nt/"> <img src="https://www.getzola.org/themes/d3c3nt/screenshot.png" alt="Screenshot of d3c3nt"> <span>d3c3nt</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-386/"> <img src="https://www.getzola.org/themes/zola-386/screenshot.png" alt="Screenshot of zola.386"> <span>zola.386</span> </a> <a class="theme" href="https://www.getzola.org/themes/adidoks/"> <img src="https://www.getzola.org/themes/adidoks/screenshot.png" alt="Screenshot of adidoks"> <span>adidoks</span> </a> <a class="theme" href="https://www.getzola.org/themes/zolastrap/"> <img src="https://www.getzola.org/themes/zolastrap/screenshot.png" alt="Screenshot of zolastrap"> <span>zolastrap</span> </a> <a class="theme" href="https://www.getzola.org/themes/lightspeed/"> <img src="https://www.getzola.org/themes/lightspeed/screenshot.png" alt="Screenshot of lightspeed"> <span>lightspeed</span> </a> <a class="theme" href="https://www.getzola.org/themes/tale-zola/"> <img src="https://www.getzola.org/themes/tale-zola/screenshot.png" alt="Screenshot of tale-zola"> <span>tale-zola</span> </a> <a class="theme" href="https://www.getzola.org/themes/hallo/"> <img src="https://www.getzola.org/themes/hallo/screenshot.png" alt="Screenshot of hallo"> <span>hallo</span> </a> <a class="theme" href="https://www.getzola.org/themes/resume/"> <img src="https://www.getzola.org/themes/resume/screenshot.png" alt="Screenshot of resume"> <span>resume</span> </a> <a class="theme" href="https://www.getzola.org/themes/sam/"> <img src="https://www.getzola.org/themes/sam/screenshot.png" alt="Screenshot of sam"> <span>sam</span> </a> <a class="theme" href="https://www.getzola.org/themes/slim/"> <img src="https://www.getzola.org/themes/slim/screenshot.png" alt="Screenshot of Slim"> <span>Slim</span> </a> <a class="theme" href="https://www.getzola.org/themes/zulma/"> <img src="https://www.getzola.org/themes/zulma/screenshot.png" alt="Screenshot of Zulma"> <span>Zulma</span> </a> <a class="theme" href="https://www.getzola.org/themes/dinkleberg/"> <img src="https://www.getzola.org/themes/dinkleberg/screenshot.png" alt="Screenshot of dinkleberg"> <span>dinkleberg</span> </a> <a class="theme" href="https://www.getzola.org/themes/zola-theme-hikari/"> <img src="https://www.getzola.org/themes/zola-theme-hikari/screenshot.png" alt="Screenshot of Hikari"> <span>Hikari</span> </a> </div> </div> </div> <footer> ©2017-2025 — <a class="white" href="https://www.vincentprouillet.com">Vincent Prouillet</a> and <a class="white" href="https://github.com/getzola/zola/graphs/contributors">contributors</a> </footer> <script type="text/javascript" src="https://www.getzola.org/elasticlunr.min.js"></script> <script type="text/javascript" src="https://www.getzola.org/search.js"></script> </body> </html>