PageSourceSearch

https://www.docsy.dev/examples/

html docsy.dev collected 2026-09-25 13:56:47 UTC 35,271 bytes, 32 lines download raw bytes

1<!doctype html><html itemscope itemtype=http://schema.org/WebPage lang=en class=no-js data-theme-init><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name=color-scheme content="light dark"><meta name=theme-color media="(prefers-color-scheme: light)" content="#ffffff"><meta name=theme-color media="(prefers-color-scheme: dark)" content="#000000"><style>html{background:Canvas;color:CanvasText}@media(prefers-color-scheme:dark){html{background:#0b0d12;color:#e6e6e6}}html[data-theme-init] *{transition:none!important}</style>
1<script>(function(){const t="td-color-theme",n=localStorage.getItem(t);let e=n||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");e==="auto"&&(e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),document.documentElement.setAttribute("data-bs-theme",e)})()</script>
1<link rel=alternate type=text/markdown href=https://www.docsy.dev/examples/index.md><meta name=robots content="index, follow"><link rel=icon href=/favicon.ico><link rel=icon href=/favicon.svg type=image/svg+xml><link rel=apple-touch-icon href=/apple-touch-icon.png><title>Examples and templates | Docsy</title><meta name=description content="Get started with a template or explore some Docsy-based sites"><meta property="og:url" content="https://www.docsy.dev/examples/"><meta property="og:site_name" content="Docsy"><meta property="og:title" content="Examples and templates"><meta property="og:description" content="Get started with a template or explore some Docsy-based sites"><meta property="og:locale" content="en"><meta property="og:type" content="article"><meta property="article:modified_time" content="2026-08-30T10:33:32-04:00"><meta itemprop=name content="Examples and templates"><meta itemprop=description content="Get started with a template or explore some Docsy-based sites"><meta itemprop=dateModified content="2026-08-30T10:33:32-04:00"><meta itemprop=wordCount content="248"><meta name=twitter:card content="summary"><meta name=twitter:title content="Examples and templates"><meta name=twitter:description content="Get started with a template or explore some Docsy-based sites"><link rel=preload href=/scss/main.min.4b21216323019b6077781ca1cc78f448b72645e8e1246ae82470d7e9ce77466d.css as=style integrity="sha256-SyEhYyMBm2B3eByhzHj0SLcmRejhJGroJHDX6c53Rm0=" crossorigin=anonymous><link href=/scss/main.min.4b21216323019b6077781ca1cc78f448b72645e8e1246ae82470d7e9ce77466d.css rel=stylesheet integrity="sha256-SyEhYyMBm2B3eByhzHj0SLcmRejhJGroJHDX6c53Rm0=" crossorigin=anonymous>
1<script src=https://code.jquery.com/jquery-3.7.1.min.js integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin=anonymous></script>
vendor: 64 bytes, lines 1-2
1
2<script async src="https://www.googletagmanager.com/gtag/js?id=
2G-VMZY37B6T8
vendor: 12 bytes, line 2
2"></script>
3<script>
4  
vendor: 134 bytes, lines 4-8
4window.dataLayer = window.dataLayer || [];
5  function gtag(){dataLayer.push(arguments);}
6  gtag('js', new Date());
7
8  gtag('config', '
8G-VMZY37B6T8
vendor: 4 bytes, line 8
8');
9</script>
9
10</head><body class="td-page td-no-left-sidebar"><div class=visually-hidden aria-hidden=true data-pagefind-ignore>For AI agents: a documentation index is available at /llms.txt.
11This page has a Markdown version at /examples/index.md.</div><header><nav class="td-navbar js-navbar-scroll td-navbar-cover td-navbar-transparent"><div class="td-navbar-container container-fluid flex-column flex-md-row"><a class=navbar-brand href=/><span class="navbar-brand__logo navbar-logo"><svg id="Layer_1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500"><g><path style="fill:#fff" d="M116.8525 421.9722c-5.7041.0-10.3442-4.3127-10.3442-9.6129V88.183c0-5.3002 4.6401-9.6117 10.3442-9.6117H320.858c3.0347.0 9.3959.5498 11.7506 2.6302l.3545.3442 58.905 63.2912c2.3101 2.491 2.9202 8.4928 2.9202 11.3184v256.2039c0 5.3002-4.6407 9.6129-10.3436 9.6129H116.8525z"/><g><g><g><path style="fill:#767676" d="M384.4445 423.2066H116.852c-6.3839.0-11.5786-4.8658-11.5786-10.8474V88.1831c0-5.9804 5.1947-10.8461 11.5786-10.8461h204.0062c.377.0 9.2786.0329 12.568 2.9389l.3947.3833 58.9508 63.337c3.2135 3.4652 3.2514 11.7924 3.2514 12.1593v256.2036C396.0231 418.3408 390.8284 423.2066 384.4445 423.2066zM116.5079 411.9189c.0848.0278.1999.0531.3441.0531h267.5925c.1442.0.2581-.0253.3441-.0531V156.1556c-.0076-.9033-.3593-3.7347-.7034-5.0037l-57.6527-61.9416c-1.4651-.3176-4.4533-.6389-5.5742-.6389H116.852c-.143.0-.2594.024-.3441.0531V411.9189zm267.4533-261.149zM327.0321 89.371v.0013V89.371z"/></g></g></g><g><g><path style="fill:#5b7fc0" d="M189.0874 210.1754l.0012-.0012c7.7751.0012 15.0295 4.1862 18.932 10.9234 1.9177 3.3159 2.9305 7.1011 2.9293 10.9378.0 5.8394-2.2733 11.3304-6.4032 15.4604-4.1288 4.1288-9.6186 6.4032-15.458 6.4032s-11.328-2.2733-15.458-6.4032-6.4032-9.6186-6.4056-15.4628c.0012-6.025 2.454-11.4897 6.4116-15.4473C177.5953 212.627 183.0601 210.1742 189.0874 210.1754zm7.993 21.8576c.0012-1.4042-.3687-2.7868-1.063-3.9887-1.4293-2.4684-4.0833-3.9995-6.9299-4.0019-4.4077.0024-7.993 3.5877-7.993 7.993.0 2.1356.832 4.1431 2.3427 5.6539 1.5083 1.5083 3.5159 2.3403 5.6503 2.3415 2.1356.0 4.1443-.8308 5.6539-2.3403S197.0816 234.1722 197.0804 232.033z"/><path style="opacity:.3;fill:#fff" d="M189.0898 210.176c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3136 2.9377 7.0988 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8066-21.8612-21.8613.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 212.6276 183.0612 210.176 189.0898 210.176zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 236.239 197.0839 234.2399 197.0839 232.0372z"/><g><defs><path id="SVGID_1_" d="M194.7376 237.6875c-1.4461 1.4461-3.4452 2.3439-5.6479 2.3439-4.4077-.0024-7.9918-3.5865-7.9942-7.9942.0024-4.4125 3.5937-7.999 7.9942-7.9942 2.8443.0 5.497 1.5323 6.924 3.9983.6991 1.2067 1.0702 2.5881 1.0702 3.9959C197.0839 234.2399 196.1861 236.239 194.7376 237.6875z"/></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_2_);fill:#fff" d="M190.0704 225.0237c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9546.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.663-2.8588-6.116.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C193.7885 225.7247 191.9774 225.0237 190.0704 225.0237z"/><path style="opacity:.13;clip-path:url(#SVGID_2_);fill:#020202" d="M190.0704 225.0237c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9546.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.663-2.8588-6.116.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C193.7885 225.7247 191.9774 225.0237 190.0704 225.0237z"/></g><g><defs><path id="SVGID_3_" d="M189.0898 210.176c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3136 2.9377 7.0988 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8066-21.8612-21.8613.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 212.6276 183.0612 210.
11176 189.0898 210.176zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 236.239 197.0839 234.2399 197.0839 232.0372z"/></defs><clipPath id="SVGID_4_"><use xlink:href="#SVGID_3_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_4_);fill:#5b7fc0" d="M172.6595 215.6045c-3.96 3.96-6.4116 9.4235-6.4116 15.452-.0024 12.0547 9.8066 21.8636 21.8613 21.8612 12.0547.0024 21.8636-9.797 21.8613-21.8612.0024-3.8475-1.0151-7.6326-2.9353-10.9462-3.8977-6.7324-11.1497-10.9151-18.926-10.9151C182.0806 209.1953 176.6171 211.647 172.6595 215.6045z"/></g></g><rect x="198.8952" y="225.1043" style="fill:#5b7fc0" width="122.6266" height="13.8671"/></g><g><path style="fill:#d95140" d="M189.0874 155.7611l.0012-.0012c7.7751.0012 15.0295 4.1862 18.932 10.9234 1.9177 3.3159 2.9305 7.1011 2.9293 10.9378.0 5.8394-2.2733 11.3304-6.4032 15.4604-4.1288 4.1288-9.6186 6.4032-15.458 6.4032s-11.328-2.2733-15.458-6.4032-6.4032-9.6186-6.4056-15.4628c.0012-6.0249 2.454-11.4897 6.4116-15.4473C177.5953 158.2128 183.0601 155.7599 189.0874 155.7611zm7.993 21.8577c.0012-1.4042-.3687-2.7868-1.063-3.9887-1.4293-2.4684-4.0833-3.9995-6.9299-4.0019-4.4077.0024-7.993 3.5877-7.993 7.993.0 2.1356.832 4.1431 2.3427 5.6539 1.5083 1.5083 3.5159 2.3403 5.6503 2.3415 2.1356.0 4.1443-.8308 5.6539-2.3403C196.2508 181.7667 197.0816 179.758 197.0804 177.6188z"/><path style="opacity:.3;fill:#fff" d="M189.0898 155.7617c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3135 2.9377 7.0987 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8066-21.8612-21.8613.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 158.2134 183.0612 155.7617 189.0898 155.7617zm7.9941 21.8613c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 181.8248 197.0839 179.8256 197.0839 177.623z"/><g><defs><path id="SVGID_5_" d="M194.7376 183.2733c-1.4461 1.4461-3.4452 2.3439-5.6479 2.3439-4.4077-.0024-7.9918-3.5865-7.9942-7.9942.0024-4.4125 3.5937-7.9989 7.9942-7.9942 2.8443.0 5.497 1.5323 6.924 3.9983.6991 1.2067 1.0702 2.5881 1.0702 3.9959C197.0839 179.8256 196.1861 181.8248 194.7376 183.2733z"/></defs><clipPath id="SVGID_6_"><use xlink:href="#SVGID_5_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_6_);fill:#fff" d="M190.0704 170.6095c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9546.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.663-2.8588-6.116.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C193.7885 171.3104 191.9774 170.6095 190.0704 170.6095z"/><path style="opacity:.13;clip-path:url(#SVGID_6_);fill:#020202" d="M190.0704 170.6095c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9546.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.663-2.8588-6.116.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C193.7885 171.3104 191.9774 170.6095 190.0704 170.6095z"/></g><g><defs><path id="SVGID_7_" d="M189.0898 155.7617c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3135 2.9377 7.0987 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8066-21.8612-21.8613.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 158.2134 183.0612 155.7617 189.0898 155.7617zm7.9941 21.8613c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 181.8248 197.0839 179.8256 197.0839 177.623z"/></defs><clipPath id="SVGID_8_"><use xlink:href="#SVGID_7_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_8_);fill:#d95140" d="M172.6595 161.1903c-3.96 3.96-6.4116 9.4235-6.4116 15.452-.0024 12.0547 9.8066 21.8636 21.8613 21.8613 12.0547.0024 21.8636-9.797 21.8613-21.8613.0024-3.8474-1.0151-7.6326-2.9353-10.9462-3.8977-6.7324-11.1497-10.9
11151-18.926-10.9151C182.0806 154.7811 176.6171 157.2327 172.6595 161.1903z"/></g><rect x="198.8952" y="170.69" style="fill:#d95140" width="122.6266" height="13.8671"/></g><g><g><path style="fill:#56a55c" d="M189.5379 264.6147l.0012-.0012c7.7751.0012 15.0294 4.1862 18.932 10.9235 1.9177 3.3159 2.9305 7.1011 2.9293 10.9378.0 5.8394-2.2733 11.3304-6.4032 15.4604-4.1288 4.1288-9.6186 6.4032-15.458 6.4032-5.8394.0-11.3281-2.2733-15.458-6.4032-4.13-4.13-6.4032-9.6186-6.4056-15.4628.0012-6.0249 2.454-11.4897 6.4116-15.4472C178.0458 267.0663 183.5105 264.6135 189.5379 264.6147zm7.993 21.8576c.0012-1.4042-.3687-2.7868-1.063-3.9887-1.4293-2.4684-4.0833-3.9995-6.9299-4.0019-4.4077.0024-7.993 3.5877-7.993 7.993.0 2.1356.832 4.1431 2.3427 5.6538 1.5083 1.5083 3.5159 2.3403 5.6503 2.3415 2.1356.0 4.1443-.8308 5.6539-2.3403C196.7013 290.6202 197.5321 288.6115 197.5309 286.4723z"/><path style="opacity:.3;fill:#fff" d="M189.5403 264.6153c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3135 2.9377 7.0987 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8065-21.8612-21.8613.0-6.0285 2.4516-11.492 6.4116-15.452C178.0482 267.0669 183.5117 264.6153 189.5403 264.6153zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9941.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.6366 290.6783 197.5344 288.6792 197.5344 286.4765z"/><g><defs><path id="SVGID_9_" d="M195.1881 292.1268c-1.4461 1.4461-3.4452 2.3439-5.6479 2.3439-4.4077-.0024-7.9918-3.5865-7.9942-7.9942.0024-4.4125 3.5937-7.9989 7.9942-7.9941 2.8443.0 5.497 1.5323 6.924 3.9983.6991 1.2067 1.0702 2.5881 1.0702 3.9959C197.5344 288.6792 196.6366 290.6783 195.1881 292.1268z"/></defs><clipPath id="SVGID_10_"><use xlink:href="#SVGID_9_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_10_);fill:#fff" d="M190.5209 279.463c-4.4005-.0048-7.9918 3.5817-7.9942 7.9941.0011 1.9547.7088 3.7452 1.8782 5.1354-1.7446-1.4674-2.8575-3.6631-2.8588-6.1161.0024-4.4125 3.5936-7.999 7.9942-7.9941 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C194.239 280.164 192.4279 279.463 190.5209 279.463z"/><path style="opacity:.13;clip-path:url(#SVGID_10_);fill:#020202" d="M190.5209 279.463c-4.4005-.0048-7.9918 3.5817-7.9942 7.9941.0011 1.9547.7088 3.7452 1.8782 5.1354-1.7446-1.4674-2.8575-3.6631-2.8588-6.1161.0024-4.4125 3.5936-7.999 7.9942-7.9941 2.3802-1e-4 4.616 1.0833 6.1218 2.8788C194.239 280.164 192.4279 279.463 190.5209 279.463z"/></g><g><defs><path id="SVGID_11_" d="M189.5403 264.6153c7.7763.0 15.0283 4.1826 18.926 10.9151 1.9201 3.3135 2.9377 7.0987 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8613-12.0547.0024-21.8636-9.8065-21.8612-21.8613.0-6.0285 2.4516-11.492 6.4116-15.452C178.0482 267.0669 183.5117 264.6153 189.5403 264.6153zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9941.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.6366 290.6783 197.5344 288.6792 197.5344 286.4765z"/></defs><clipPath id="SVGID_12_"><use xlink:href="#SVGID_11_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_12_);fill:#56a55c" d="M173.11 270.0439c-3.96 3.96-6.4116 9.4235-6.4116 15.452-.0024 12.0547 9.8066 21.8636 21.8613 21.8613 12.0547.0024 21.8636-9.797 21.8613-21.8613.0024-3.8474-1.0151-7.6326-2.9353-10.9462-3.8977-6.7325-11.1497-10.9151-18.926-10.9151C182.5311 263.6346 177.0676 266.0863 173.11 270.0439z"/></g></g><rect x="199.3456" y="279.5436" style="fill:#56a55c" width="122.6266" height="13.8671"/></g><g><g><path style="fill:#f1bc42" d="M189.0874 318.7208l.0012-.0012c7.7751.0012 15.0295 4.1862 18.932 10.9234 1.9177 3.3159 2.9305 7.1011 2.9293 10.9378.0 5.8394-2.2733 11.3305-6.4032 15.4604-4.1288 4.1288-9.6186 6.4032-15.458 6.4032s-11.328-2.2733-15.458-6.4032-6.4032-9.6186-6.4056-15.4628c.0012-6.025 2.454-11.4897 6.4116-15.4472C177.5953 321.1724 183.0601 318.7196 189.0874 318.7208zm7.993 21.8576c.0012-1.4042-.3687-2.7868-1.063-3.9887-1.4293-2.4684-4.0833-3.9995-6.9299-4.0019-4.4077.0024-7.993 3.5877-7.993 7.993.0 2.1356.832 4.1431 2.3427 5.
116539 1.5083 1.5083 3.5159 2.3403 5.6503 2.3415 2.1356.0 4.1443-.8308 5.6539-2.3403S197.0816 342.7176 197.0804 340.5784z"/><path style="opacity:.3;fill:#fff" d="M189.0898 318.7214c7.7763.0 15.0283 4.1826 18.926 10.915 1.9201 3.3136 2.9377 7.0988 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8612-12.0547.0024-21.8636-9.8065-21.8612-21.8612.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 321.173 183.0612 318.7214 189.0898 318.7214zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 344.7844 197.0839 342.7853 197.0839 340.5826z"/><g><defs><path id="SVGID_13_" d="M194.7376 346.2329c-1.4461 1.4461-3.4452 2.3439-5.6479 2.3439-4.4077-.0024-7.9918-3.5865-7.9942-7.9942.0024-4.4125 3.5937-7.999 7.9942-7.9942 2.8443.0 5.497 1.5323 6.924 3.9983.6991 1.2067 1.0702 2.5881 1.0702 3.9959C197.0839 342.7853 196.1861 344.7844 194.7376 346.2329z"/></defs><clipPath id="SVGID_14_"><use xlink:href="#SVGID_13_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_14_);fill:#fff" d="M190.0704 333.5691c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9547.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.6631-2.8588-6.1161.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0834 6.1218 2.8788C193.7885 334.2701 191.9774 333.5691 190.0704 333.5691z"/><path style="opacity:.13;clip-path:url(#SVGID_14_);fill:#020202" d="M190.0704 333.5691c-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0011 1.9547.7088 3.7452 1.8782 5.1354-1.7447-1.4674-2.8575-3.6631-2.8588-6.1161.0024-4.4125 3.5936-7.999 7.9942-7.9942 2.3802-1e-4 4.616 1.0834 6.1218 2.8788C193.7885 334.2701 191.9774 333.5691 190.0704 333.5691z"/></g><g><defs><path id="SVGID_15_" d="M189.0898 318.7214c7.7763.0 15.0283 4.1826 18.926 10.915 1.9201 3.3136 2.9377 7.0988 2.9353 10.9462.0024 12.0643-9.8065 21.8636-21.8613 21.8612-12.0547.0024-21.8636-9.8065-21.8612-21.8612.0-6.0285 2.4516-11.4921 6.4116-15.452C177.5977 321.173 183.0612 318.7214 189.0898 318.7214zm7.9941 21.8612c0-1.4078-.3711-2.7892-1.0702-3.9959-1.4269-2.466-4.0797-3.9983-6.924-3.9983-4.4005-.0048-7.9918 3.5817-7.9942 7.9942.0024 4.4077 3.5865 7.9918 7.9942 7.9942 2.2027.0 4.2018-.8978 5.6479-2.3439C196.1861 344.7844 197.0839 342.7853 197.0839 340.5826z"/></defs><clipPath id="SVGID_16_"><use xlink:href="#SVGID_15_" style="overflow:visible"/></clipPath><path style="clip-path:url(#SVGID_16_);fill:#f1bc42" d="M172.6595 324.15c-3.96 3.96-6.4116 9.4235-6.4116 15.452-.0024 12.0547 9.8066 21.8636 21.8613 21.8612 12.0547.0024 21.8636-9.797 21.8613-21.8612.0024-3.8474-1.0151-7.6327-2.9353-10.9462-3.8977-6.7324-11.1497-10.9151-18.926-10.9151C182.0806 317.7407 176.6171 320.1924 172.6595 324.15z"/></g></g><rect x="198.8952" y="333.6497" style="fill:#f1bc42" width="122.6266" height="13.8671"/></g></g></svg></span><span class=navbar-brand__name>Docsy</span></a><div class="td-navbar__main td-navbar-nav-scroll td-navbar-nav-scroll--indicator" id=main_navbar><div class="scroll-indicator scroll-left"></div><ul class=navbar-nav><li class=nav-item><a class=nav-link href=/about/><span>About</span></a></li><li class=nav-item><a class=nav-link href=/docs/><span>Docs</span></a></li><li class=nav-item><a class="nav-link active" href=/examples/><span>Examples</span></a></li><li class=nav-item><a class=nav-link href=/community/><span>Community</span></a></li><li class=nav-item><a class=nav-link href=/blog/><span>Blog</span></a></li><li class="nav-item td-navbar__version-menu"><div class="td-version-menu dropdown"><a class="nav-link dropdown-toggle td-version-menu__title" href=# role=button data-bs-toggle=dropdown aria-haspopup=true aria-expanded=false><span class=td-version-menu__title-text>v0.17.0</span></a><ul class=dropdown-menu><li><span class="dropdown-item disabled dropdown-item-text"><strong>Versions</strong></span></li><li><a class=dropdown-item href=https://main--docsydocs.netlify.app/examples/>Next</a></li><li><a class="dropdown-item active dropdown-item-latest" aria-current=page href=https://www.docsy.dev/examples/>v0.17.0</a></li></ul></div></li><li class="nav-item td-navbar__lang-menu"><div class="td-lang-menu dropdown"><a class="nav-link dropdown-toggle td-lang-menu__title" href=# role=button data-bs-toggle=dropdown aria-haspopup=true aria-expanded=false><span class=td-lang-menu__title-text>English</span>
12<span class=td-lang-menu__title-code>EN</span></a><ul class=dropdown-menu><li><span class="dropdown-item active">English</span></li><li><a class=dropdown-item href=/fr/examples/>Français</a></li></ul></div></li><li class="nav-item td-navbar__light-dark-menu"><div class="td-light-dark-menu dropdown"><svg class="d-none"><symbol id="check2" viewBox="0 0 16 16"><path d="M13.854 3.646a.5.5.0 010 .708l-7 7a.5.5.0 01-.708.0l-3.5-3.5a.5.5.0 11.708-.708L6.5 10.293l6.646-6.647a.5.5.
120 01.708.0z"/></symbol><symbol id="circle-half" viewBox="0 0 16 16"><path d="M8 15A7 7 0 108 1v14zm0 1A8 8 0 118 0a8 8 0 010 16z"/></symbol><symbol id="moon-stars-fill" viewBox="0 0 16 16"><path d="M6 .278a.768.768.0 01.08.858 7.208 7.208.0 00-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527.0 1.04-.055 1.533-.16a.787.787.0 01.81.316.733.733.0 01-.031.893A8.349 8.349.0 018.344 16C3.734 16 0 12.286.0 7.71.0 4.266 2.114 1.312 5.124.06A.752.752.0 016 .278z"/><path d="M10.794 3.148a.217.217.0 01.412.0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217.0 010 .412l-1.162.387A1.734 1.734.0 0011.593 7.69l-.387 1.162a.217.217.0 01-.412.0l-.387-1.162A1.734 1.734.0 009.31 6.593l-1.162-.387a.217.217.0 010-.412l1.162-.387a1.734 1.734.0 001.097-1.097l.387-1.162zM13.863.099a.145.145.0 01.274.0l.258.774c.115.346.386.617.732.732l.774.258a.145.145.0 010 .274l-.774.258a1.156 1.156.0 00-.732.732l-.258.774a.145.145.0 01-.274.0l-.258-.774a1.156 1.156.0 00-.732-.732l-.774-.258a.145.145.0 010-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/></symbol><symbol id="sun-fill" viewBox="0 0 16 16"><path d="M8 12a4 4 0 100-8 4 4 0 000 8zM8 0a.5.5.0 01.5.5v2a.5.5.0 01-1 0v-2A.5.5.0 018 0zm0 13a.5.5.0 01.5.5v2a.5.5.0 01-1 0v-2A.5.5.0 018 13zm8-5a.5.5.0 01-.5.5h-2a.5.5.0 010-1h2a.5.5.0 01.5.5zM3 8a.5.5.0 01-.5.5h-2a.5.5.0 010-1h2A.5.5.0 013 8zm10.657-5.657a.5.5.0 010 .707l-1.414 1.415a.5.5.0 11-.707-.708l1.414-1.414a.5.5.0 01.707.0zm-9.193 9.193a.5.5.0 010 .707L3.05 13.657a.5.5.0 01-.707-.707l1.414-1.414a.5.5.0 01.707.0zm9.193 2.121a.5.5.0 01-.707.0l-1.414-1.414a.5.5.0 01.707-.707l1.414 1.414a.5.5.0 010 .707zM4.464 4.465a.5.5.0 01-.707.0L2.343 3.05a.5.5.0 11.707-.707l1.414 1.414a.5.5.0 010 .708z"/></symbol></svg>
13<button class="btn btn-link nav-link dropdown-toggle d-flex align-items-center" id=bd-theme type=button aria-expanded=false data-bs-toggle=dropdown title="Toggle theme (Auto)" aria-label="Toggle theme (Auto)">
14<svg class="bi my-1 theme-icon-active"><use href="#circle-half"/></svg>
15<span class=visually-hidden id=bd-theme-text>Toggle theme</span></button><ul class=dropdown-menu aria-labelledby=bd-theme><li><button type=button class="dropdown-item d-flex align-items-center" data-bs-theme-value=light aria-pressed=false>
16<svg class="bi me-2 opacity-50"><use href="#sun-fill"/></svg>
17Light
18<svg class="bi ms-auto d-none"><use href="#check2"/></svg></button></li><li><button type=button class="dropdown-item d-flex align-items-center" data-bs-theme-value=dark aria-pressed=false>
19<svg class="bi me-2 opacity-50"><use href="#moon-stars-fill"/></svg>
20Dark
21<svg class="bi ms-auto d-none"><use href="#check2"/></svg></button></li><li><button type=button class="dropdown-item d-flex align-items-center active" data-bs-theme-value=auto aria-pressed=true>
22<svg class="bi me-2 opacity-50"><use href="#circle-half"/></svg>
23Auto
24<svg class="bi ms-auto d-none"><use href="#check2"/></svg></button></li></ul></div></li></ul><div class="scroll-indicator scroll-right"></div></div><div class="td-navbar__search d-none d-lg-block"><div class=td-search><div class=td-search__icon aria-hidden=true></div><input type=search name=q class="td-search__input form-control td-search-input" placeholder='Search this site…' aria-label='Search this site…' autocomplete=off></div></div></div></nav></header><div class="container-fluid td-default td-outer"><main role=main class=td-main><link rel=preload as=image href=/examples/background-pexels-peter-de-vink-288978-849403_hu_17d681ef1634bcc0.jpg media="(max-width: 1200px)"><link rel=preload as=image href=/examples/background-pexels-peter-de-vink-288978-849403_hu_8760d7f705ea1a79.jpg media="(min-width: 1200px)"><style>#td-cover-block-0{background-image:url(/examples/background-pexels-peter-de-vink-288978-849403_hu_17d681ef1634bcc0.jpg)}@media only screen and (min-width:1200px){#td-cover-block-0{background-image:url(/examples/background-pexels-peter-de-vink-288978-849403_hu_8760d7f705ea1a79.jpg)}}</style><section id=td-cover-block-0 class="row td-cover-block td-cover-block--height-min td-below-navbar js-td-cover td-overlay td-overlay--dark -bg-dark"><div class=col-12><div class="container td-overlay__inner"><div class=text-center><h1 class="display-1 mt-0 mt-md-5 pb-4">Examples and templates</h1><div class="pt-3 lead"><p class=display-6>Get started with a template or explore some Docsy-based sites</p></div></div></div></div></section><div><a id=td-block-1 class=td-anchor-no-extra-offset></a></div><section class="row td-box td-box--white td-box--height-auto"><div class=col><div class=container><p>One of the best ways to see what Docsy can do, and learn how to configure a site
25with it, is to see some real projects. Of course, we use Docsy for this site.
26For the site source, see <a href=https://github.com/google/docsy/tree/main/docsy.dev>docsy.dev</a>.</p><div class="row row-cols-1 row-cols-md-2 g-4 mb-4"><div class=col><div class="card h-100 shadow-sm"><img src=docsy-example-home.jpg class=card-img-top alt="Goldydocs starter template homepage"><div class=card-body><div class="h5 card-title mb-2"><a href=https://example.docsy.dev>Goldydocs</a></div><p class=card-text>The main Docsy example site starter template.</p></div></div></div><div class=col><div class="card h-100 shadow-sm"><img src=docsy-starter-home.jpg class=card-img-top alt="Docsy starter template homepage"><div class=card-body><div class="h5 card-title mb-2"><a href=https://cncf-docsy-starter.netlify.app/>Docsy starter</a></div><p class=card-text>
26An opinionated starter including CI/CD setup.</p></div></div></div></div><h2 id=starter-templates>Starter templates<a class=td-heading-self-link href=#starter-templates aria-label="Heading self-link"></a></h2><p>The Docsy project provides two site starter templates:</p><table><thead><tr><th>Site</th><th>Repo</th><th>Docsy</th></tr></thead><tbody><tr><td><a href=https://example.docsy.dev>Goldydocs</a>, main Docsy example</td><td><a href=https://github.com/google/docsy-example>https://github.com/google/docsy-example</a></td><td>v0.17.0 (latest)</td></tr><tr><td><a href=https://cncf-docsy-starter.netlify.app/>Docsy starter</a></td><td><a href=https://github.com/chalin/docsy-starter>https://github.com/chalin/docsy-starter</a></td><td>v0.17.0 (latest)</td></tr></tbody></table><p>In addition to these example starters, there are several live sites using the
27theme. Consider adding your Docsy-based site to this page once you have a
28production site up and running.</p><p>Thumbnails for the starter templates are shown above. Both use a hero image. For
29an example of a cover that is a gradient of the primary theme color, see this
30<a href=/tests/blocks-cover/color-gradient/>test Homepage</a>.</p><h2 id=docsy-theme-examples>Docsy theme examples<a class=td-heading-self-link href=#docsy-theme-examples aria-label="Heading self-link"></a></h2><p>Example sites that have low to no customization:</p><table><thead><tr><th>Site</th><th>Repo</th></tr></thead><tbody><tr><td><a href=/>docsy.dev</a> (this site)</td><td><a href=https://github.com/google/docsy/tree/main/docsy.dev>https://github.com/google/docsy/tree/main/docsy.dev</a></td></tr><tr><td><a href=https://docs.agilebase.co.uk/>AgileBase docs</a></td><td><a href=https://github.com/okohll/abdocs>https://github.com/okohll/abdocs</a></td></tr><tr><td><a href=https://agones.dev/site/>Agones.dev</a></td><td><a href=https://github.com/googleforgames/agones/tree/main/site>https://github.com/googleforgames/agones/tree/main/site</a></td></tr><tr><td><a href=https://parquet.apache.org/>Apache Parquet</a></td><td><a href=https://parquet.apache.org>https://parquet.apache.org</a></td></tr><tr><td><a href=https://www.cloudwego.io/>CloudWeGo.io</a></td><td><a href=https://github.com/cloudwego/cloudwego.github.io>https://github.com/cloudwego/cloudwego.github.io</a></td></tr><tr><td><a href=https://etcd.io/>etcd.io</a></td><td><a href=https://github.com/etcd-io/website>https://github.com/etcd-io/website</a></td></tr><tr><td><a href=https://fission.io/>fission.io</a></td><td><a href=https://github.com/fission/fission.io>https://github.com/fission/fission.io</a></td></tr><tr><td><a href=https://fluxcd.io>fluxcd.io</a></td><td><a href=https://github.com/fluxcd/website>https://github.com/fluxcd/website</a></td></tr><tr><td><a href=https://graphviz.org>Graphviz</a></td><td><a href=https://gitlab.com/graphviz/graphviz.gitlab.io>https://gitlab.com/graphviz/graphviz.gitlab.io</a></td></tr><tr><td><a href=https://www.grpc.io/>gRPC</a></td><td><a href=https://github.com/grpc/grpc.io>https://github.com/grpc/grpc.io</a></td></tr><tr><td><a href=https://jvmperf.net/>JVMPerf.net</a></td><td><a href=https://github.com/cchesser/java-perf-workshop>https://github.com/cchesser/java-perf-workshop</a></td></tr><tr><td><a href=https://www.kubeflow.org/>Kubeflow.org</a></td><td><a href=https://github.com/kubeflow/website>https://github.com/kubeflow/website</a></td></tr><tr><td><a href=https://docs.layer5.io/>Layer5 Docs</a></td><td><a href=https://github.com/layer5io/docs>https://github.com/layer5io/docs</a></td></tr><tr><td><a href=https://www.navidrome.org>Navidrome Music Server</a></td><td><a href=https://github.com/navidrome/website>https://github.com/navidrome/website</a></td></tr><tr><td><a href=https://opentelemetry.io>OpenTelemetry.io</a></td><td><a href=https://github.com/open-telemetry/opentelemetry.io>https://github.com/open-telemetry/opentelemetry.io</a></td></tr><tr><td><a href=https://protobuf.dev>protobuf.dev</a></td><td><a href=https://github.com/protocolbuffers/protocolbuffers.github.io>https://github.com/protocolbuffers/protocolbuffers.github.io</a></td></tr><tr><td><a href=https://www.selenium.dev/>Selenium.dev</a></td><td><a href=https://github.com/SeleniumHQ/seleniumhq.github.io>https://github.com/SeleniumHQ/seleniumhq.github.io</a></td></tr><tr><td><a href=https://gchq.github.io/stroom-docs>Stroom.io</a></td><td><a href=https://github.com/gchq/stroom-docs>https://github.com/gchq/stroom-docs</a></td></tr><tr><td><a href=https://tekton.dev/>tekton.dev</a></td><td><a href=https://github.com/tektoncd>https://github.com/tektoncd</a></td></tr><tr><td><a href=https://ds-docs.y.org/>YMCA Website Services</a></td><td><a href=https://github.com/YCloudYUSA/yusaopeny_docs>https://github.com/YCloudYUSA/yusaopeny_docs</a></td></tr></tbody></table><h2 id=customized-docsy-examples>Customized Docsy examples<a class=td-heading-self-link href=#customized-docsy-examples aria-label="Heading self
30-link"></a></h2><p>Example sites that include a moderate to high amount of customization:</p><table><thead><tr><th>Site</th><th>Repo</th></tr></thead><tbody><tr><td><a href=https://airflow.apache.org/>Apache Airflow</a></td><td><a href=https://github.com/apache/airflow-site/>https://github.com/apache/airflow-site/</a></td></tr><tr><td><a href=https://mostlydocs.netlify.app/>Docsy Mostly Docs</a></td><td><a href=https://github.com/gwatts/mostlydocs/>https://github.com/gwatts/mostlydocs/</a></td></tr><tr><td><a href=https://kubernetes.io>Kubernetes</a></td><td><a href=https://github.com/kubernetes/website>https://github.com/kubernetes/website</a></td></tr><tr><td><a href=https://xltdoc.xceptance.com/>XLT</a></td><td><a href=https://github.com/Xceptance/xlt-documentation>https://github.com/Xceptance/xlt-documentation</a></td></tr><tr><td><a href=https://docs.dapr.io/>Dapr</a></td><td><a href=https://github.com/dapr/docs>https://github.com/dapr/docs</a></td></tr></tbody></table></div></div></section></main><footer class="td-footer row d-print-none"><div class=container-fluid><div class="row mx-md-2"><div class="td-footer__left col-6 col-sm-4 order-sm-1"><ul class=td-footer__links-list><li class=td-footer__links-item data-bs-toggle=tooltip title="GitHub Discussions" aria-label="GitHub Discussions"><a href=https://github.com/google/docsy/discussions aria-label="GitHub Discussions" target=_blank rel=noopener><i class="fa-brands fa-github"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title="User mailing list" aria-label="User mailing list"><a href=https://groups.google.com/g/docsy-users aria-label="User mailing list" target=_blank rel=noopener><i class="fa-solid fa-envelope"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title=Twitter aria-label=Twitter><a href=https://twitter.com/docsydocs aria-label=Twitter target=_blank rel=noopener><i class="fa-brands fa-x-twitter"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title="Stack Overflow" aria-label="Stack Overflow"><a href=https://stackoverflow.com/questions/tagged/docsy aria-label="Stack Overflow" target=_blank rel=noopener><i class="fa-brands fa-stack-overflow"></i></a></li></ul></div><div class="td-footer__right col-6 col-sm-4 order-sm-3"><ul class=td-footer__links-list><li class=td-footer__links-item data-bs-toggle=tooltip title=Contributing aria-label=Contributing><a href=/docs/contributing/ aria-label=Contributing><i class="fa-solid fa-code-fork"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title="Project docs and site info" aria-label="Project docs and site info"><a href=/project/ aria-label="Project docs and site info"><i class="fa-solid fa-book"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title=Tests aria-label=Tests><a href=/tests/ aria-label=Tests><i class="fa-solid fa-flask"></i></a></li><li class=td-footer__links-item data-bs-toggle=tooltip title=GitHub aria-label=GitHub><a href=https://github.com/google/docsy aria-label=GitHub target=_blank rel=noopener><i class="fa-brands fa-github"></i></a></li></ul></div><div class="td-footer__center col-12 col-sm-4 py-2 order-sm-2"><span class=td-footer__copyright>&copy;
312018&ndash;present
32<span class=td-footer__authors>Docsy Authors | <a href=https://creativecommons.org/licenses/by/4.0>CC BY 4.0</a> |</span></span><span class=td-footer__all_rights_reserved>All Rights Reserved</span><span class=ms-2><a href=https://policies.google.com/privacy target=_blank rel=noopener>Privacy Policy</a></span></div></div></div></footer></div><style>.markmap>svg{width:100%;height:300px}</style>
32<script>window.markmap={autoLoader:{manual:!0,onReady(){const{autoLoader:e,builtInPlugins:t}=window.markmap;e.transformPlugins=t.filter(e=>e.name!=="prism")}}}</script>
32<script src=https://cdn.jsdelivr.net/npm/[email protected]></script>
32<script src=/js/deflate.js></script>
32<script src=/js/main.min.2a8db11f587b8c2f3c574b69fd2735a0cb6de138be8ebce33fbf6dce8a85525f.js integrity="sha256-Ko2xH1h7jC88V0tp/Sc1oMtt4Ti+jrzjP79tzoqFUl8=" crossorigin=anonymous></script>
32<script defer src=/js/click-to-copy.min.decf3b53d8827d840369f490775626e2a5200e150a733f78f0081c126426cbbf.js integrity="sha256-3s87U9iCfYQDafSQd1Ym4qUgDhUKcz948AgcEmQmy78=" crossorigin=anonymous></script>
32<script src=/js/tabpane-persist.js></script>
32</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.