Hugo-based documentation site theme with clean navigation and structure
compose — Hugo Documentation Template
By onweru
Compose is a Hugo-based documentation site theme that provides clean navigation and structure, with built-in Tina CMS configuration, galleries, live search, charts, and Mermaid support.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Includes Tina CMS configuration for content editing
Built-in live search, syntax highlighting, and Mermaid diagram support
Supports flowcharts, pie charts, donut charts, and bar charts
Provides searchable and sortable tables, galleries, and native image lazy loading
exampleSite also serves as the theme's user guide
Template Details
Compose is a Hugo theme developed by onweru, positioned as a documentation website theme. The README states that it provides clean navigation and structure, and the exampleSite in the repository also serves as the theme's user guide, which can be generated and previewed locally via Hugo.
In terms of features, the theme includes documentation pages, Tina CMS support (with configuration included), galleries, native image lazy loading, live search, flowcharts/pie charts/donut charts/bar charts, searchable and sortable tables, syntax highlighting, and Mermaid support. The official documentation site is divided into pages covering theme installation, Tina CMS usage, site customization, search configuration, shortcodes, and Mermaid.
The license is MIT, permitting free use, modification, commercial use, and distribution of this version of the code, provided that the copyright notice and license notice are retained when distributing; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
Is it right for your project?
Use Cases
- Building documentation sites for products, projects, or tools
- Documentation sites requiring in-site live search and code syntax highlighting
- Sites wanting to embed Mermaid diagrams or flowcharts in documentation
- Documentation sites needing display content such as galleries and searchable, sortable tables
Suitable For
- Developers building documentation sites with Hugo
- Teams needing to integrate Tina CMS into their documentation
- Authors wanting to display charts and flowcharts in documentation
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Obtain the repository via git clone --recurse-submodules --depth 1, then enter exampleSite and run hugo server --themesDir ../.. to preview the user guide locally
- 2
Instructions for installation, Tina CMS, customization, search, shortcodes, and Mermaid are available in the official documentation at composedocs.netlify.app
- 3
Before use, verify the licenses of third-party assets such as demo images, fonts, and icons; the code's MIT license does not cover these assets
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
https://github.com/onweru/compose/blob/master/LICENSEhttps://github.com/onweru/compose/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- Hugo Themes
- Documentation and maintenance reference score
- More documented · 91 / 100
- Technologies
- Hugo
- Website type
- Documentation
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-08-31
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 1ea91968d37ccd96b8fb8bf5259dc7f170fb79d0a38f18c4de42696f713092c1
2026-10-02T15:32:21.165Z
Source file / repository# Compose Compose is a [Hugo](https://gohugo.io/) theme for documentation websites. The theme provides a simple navigation & structure.  ## Features 1. Documentation 2. Tina CMS support. Ships with configuration 3. Gallery Support 4. Native lazy loading of images 5. Live search 6. Flowcharts, Piecharts, doughnut & bar charts support 7. Searchable & Sortable tables 8. Syntax highlighting 9. Mermaid Support ## Documentation - [Install Compose theme](https://composedocs.netlify.app/docs/compose/install-theme/) - [Use Tina CMS](https://composedocs.netlify.app/docs/compose/use-tina-cms/) - [Customize your site](https://composedocs.netlify.app/docs/compose/customize/) - [Configure search](https://composedocs.netlify.app/docs/compose/search/) - [Shortcodes](https://composedocs.netlify.app/docs/compose/shortcodes/) - [Mermaid](https://composedocs.netlify.app/docs/compose/mermaid/) ## ExampleSite The [exampleSite](https://github.com/onweru/compose/tree/master/exampleSite) serves as this theme's [user guide](https://composedocs.netlify.app/docs/compose/install-theme/) . This guide covers the necessary bits. As the project evolves, the user-guide will get more comprehensive You can use Hugo to generate and serve a local copy of the guide (also useful for testing local theme changes). ``` git clone --recurse-submodules --depth 1 https://github.com/onweru/compose.git cd compose/exampleSite/ hugo server --themesDir ../.. ``` ### Also built by Weru 1. [Clarity Theme](https://github.com/chipzoller/hugo-clarity) 2. [Newsroom Theme](https://github.com/onweru/newsroom) 3. [Swift Theme](https://github.com/onweru/hugo-swift-theme) 4. [Browse Theme](https://github.com/onweru/browse) ## License This theme is available under the [MIT license](https://github.com/onweru/compose/blob/master/LICENSE).
Explore similar templates
Compare previews and descriptions within the same stack and category.

hugo-book
Hugo Book is a Hugo documentation theme that aims to make documentation sites as simple as a plain book. It emphasizes clean, lightweight, mobile-friendly, and zero initial configuration, and comes with an example site that doubles as documentation.
Hugo · Documentation

docsy
Docsy is a Hugo theme for technical documentation sites, governed by the Linux Foundation and licensed under Apache-2.0. It provides simple navigation and site structure for open source project and product documentation.
Hugo · Documentation

hextra
Hextra is a Hugo theme for documentation and blog sites, built on Hugo and Tailwind CSS with design referencing Nextra.
Hugo · Documentation

doks
Doks is a Hugo documentation theme in the Thulite ecosystem, built for long-form reading with a minimal responsive layout and documentation-optimized typography. It includes FlexSearch-powered configurable search, dark/light mode, code syntax highlighting, i18n, multi-version documentation management, and blog pages.
Hugo · Tool Site

lotusdocs
Lotus Docs is a free, MIT-licensed Hugo documentation theme by Colin Wilson, built on Bootstrap 5. It provides responsive documentation layouts, dark mode, i18n, FlexSearch-based static search, Prism.js highlighting, KaTeX, Mermaid, and landing page templates.
Hugo · Documentation

hugo-theme-relearn
Hugo Relearn is an MIT-licensed Hugo theme for documentation sites, forked from the Learn theme and enhanced with newer Hugo features.
Hugo · Documentation
