HugoStarter

hugo-PolyRhythmic — Hugo Starter Template

By wonyoung-jang

Hugo PolyRhythmic is a mostly CSS-based Material Design 3 Hugo theme. The author explicitly notes it is still in development, making it suitable for sites that want to try Material 3 visuals with Hugo content features.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Implements Material Design 3 visuals primarily with CSS, and offers customization options for color, contrast, shape, and typography

02

Includes reading aids such as search (Fuse.js), a responsive sticky table of contents, light/dark theme switching, code copy, and back-to-top

03

Provides site structure capabilities such as a contact form template, archives, multi-author support, taxonomies and sections, a sitemap template, and social sharing

04

Supports presenting a Logseq graph as a single-page application, and can use Hugo's asset pipeline for fingerprinting, bundling, and minification

05

The README explicitly notes the theme is still in development, so users must assess the risks themselves

Template Details

This is a Hugo theme that implements the Material Design 3 visual specification using (mostly) CSS. The repository is at wonyoung-jang/hugo-PolyRhythmic and is MIT licensed. You can view the effect through the Hugo Themes page and an online demo. The README explicitly warns that the theme is "still under heavy development, use with caution," so it is better suited as a foundation for experimental or personal sites rather than a stable finished product.

Functionally, the theme provides active menu position indicators, archives, back-to-top, code copy buttons, a contact form template, page cover images, custom tag navigation, debug mode, GitHub repository buttons, homepage navigation buttons, keyboard shortcuts and access keys, light/dark theme switching, multi-author support, a "Now" page table, page navigation cards, a random page button, a responsive sticky table of contents, Fuse.js-based search, SEO optimization, a sitemap template, social share buttons, taxonomy and section organization, and theme customization options for color, contrast, shape, and typography. It also supports presenting a Logseq graph as a single-page application and uses Hugo's asset pipeline for fingerprinting, bundling, and minification.

Compared to the original Material 3 specification, the theme adds adjustable body width, font size, and line height; control over brand, regular, and monospace fonts; adjustable tertiary color direction; a monospace font; state layers without scripts; the ability to dim images in dark mode; and shape ratio controls. Installation methods include cloning the repository into the themes directory, downloading and extracting, or using Hugo Modules; the configuration must declare the theme as PolyRhythmic. The README states a minimum Hugo version of v0.132.2.

HugoLauncher

Is it right for your project?

Use Cases

  • Building a personal blog or documentation site with a Material Design 3 visual foundation
  • Hugo content sites that need search, a sticky table of contents, light/dark switching, and other reading experience features
  • Users who want to embed a Logseq graph into their site as a single-page application
  • Sites that need a contact form, archives, multi-author support, and taxonomy organization
  • Customization needs where fonts, colors, shapes, and body width are adjusted through theme configuration

Suitable For

  • Users familiar with Hugo who are willing to handle issues from a theme in development themselves
  • Personal site authors who prefer the Material Design 3 visual style
  • Blog or documentation sites that need reading features such as search, table of contents, and light/dark switching
  • Developers who want to modify and distribute based on MIT-licensed code

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    The README states a minimum Hugo version of v0.132.2; confirm your local Hugo version before installation

  2. 2

    Can be installed by git clone into the themes directory, by downloading and extracting, or by using Hugo Modules

  3. 3

    Enable it by setting theme: ["PolyRhythmic"] in config.yaml

  4. 4

    The theme is still under heavy development; the README advises caution, so test on a staging site first

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercialize, and distribute this version's code for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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

  • The README explicitly states that the theme is still under heavy development and advises caution; this means features may be unstable and interfaces may change, making it unsuitable for direct use in production sites that require stability.
  • Using the theme requires installing the Hugo static site generator yourself and meeting the minimum version stated in the README, v0.132.2; otherwise it may not build correctly.
  • If you choose the Hugo Modules installation method, you need to install the Go toolchain as well; this requirement does not apply if you do not use that method.
  • The search feature depends on the third-party library Fuse.js, whose license is independent of the theme's MIT license; check that dependency's license terms separately before distribution or commercial use.
  • The theme uses third-party assets such as Material Symbols icons; their licenses are independent of the theme code's MIT license and must be checked separately under their respective licenses before use.
  • The theme references Google Fonts font resources; the fonts' licenses are independent of the theme code license, and you should confirm the authorization conditions for the specific fonts before use.
  • The README provides GitHub Sponsors and Ko-Fi sponsorship channels; these are voluntary donations and are not a prerequisite for using the theme or a functional limitation.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; you cannot judge based solely on the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

This theme is still very much in development. Please use with caution.

Original README

Install Hugo: [Hugo Docs's - Quick Start]

Original README

Install [Go](https://go.dev/doc/install)

Original README

Search functionality with Fuse.js

Original README

[**Material Symbols**](https://github.com/google/material-design-icons)

Original README

[**Google Fonts**](https://fonts.google.com/)

Original README

If you would like to sponsor me, you can through [Github Sponsors]

Original README
https://github.com/wonyoung-jang/hugo-PolyRhythmic/blob/main/LICENSEhttps://github.com/wonyoung-jang/hugo-PolyRhythmic/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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 · 87 / 100
Technologies
Hugo
Website type
Starter
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-02-21
Screenshot last checked
2026-10-03

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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 364f75725560db9e84c455637cb8b420a3685d7383e0c04ef8db0a958f4053d1

2026-10-03T17:05:59.952Z

Source file / repository
<h1 align=center>Hugo PolyRhythmic | <a href="https://polyrhythmic.xyz/" rel="nofollow">Live Demo</a></h1>

<h4 align=center>Fast | Responsive | Material Design 3</h4>

<h3 align=center>❗This theme is still very much in development. Please use with caution.</h3>

<h3 align=center>PolyRhythmic is on: 
<a href="https://themes.gohugo.io/themes/hugo-polyrhythmic/" rel="nofollow">Hugo Themes</a> | 
<a href="https://github.com/wonyoung-jang/hugo-PolyRhythmic" rel="nofollow">GitHub</a> |
<a href="https://www.producthunt.com/posts/polyrhythmic" rel="nofollow">Product Hunt</a>
</h3>

<br>

<!-- **See documentation** here: [**Wiki**](https://github.com/wonyoung-jang/hugo-PolyRhythmic/wiki) -->

<!-- **See exampleSite** source here: [**exampleSite**](https://github.com/wonyoung-jang/hugo-PolyRhythmic-demo) -->

[![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-hugo-version&message=v0.132.2&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.132.2)
[![GitHub](https://img.shields.io/github/license/wonyoung-jang/hugo-PolyRhythmic)](https://github.com/wonyoung-jang/hugo-PolyRhythmic/blob/main/LICENSE)
![code-size](https://img.shields.io/github/languages/code-size/wonyoung-jang/hugo-PolyRhythmic)

<p align="center">
  <kbd>
    <img 
      src="https://raw.githubusercontent.com/wonyoung-jang/hugo-PolyRhythmic/main/images/tn.png" 
      alt="Screenshot" 
      title="Screenshot"/>
  </kbd>
</p>

<p align="center">
  <kbd>
    <img 
      src="https://raw.githubusercontent.com/wonyoung-jang/hugo-PolyRhythmic/main/images/screenshot.png" 
      alt="Screenshot" 
      title="Screenshot"/>
  </kbd>
</p>

## Key Features
  - Active menu location indicator
  - Archive support
  - **Asset management**: pipeline, fingerprint, bundle, and minify Hugo assets
  - Back-to-top button
  - Backlinks and related page suggestions
  - Code copy button
  - **Contact template**: quick contact form
  - Cover images for individual pages
  - Custom tabbed navigation
  - Debug mode for development
  - GitHub repository buttons for pages
  - Home page navigation buttons
  - Keyboard shortcuts and access keys
  - Light/dark theme toggle
  - Logseq graphs as a Single Page Application (SPA)
  - Multiple author support
  - **"Now" page table**: list of recently updated pages
  - Page navigation cards
  - Random page button
  - Responsive sticky table of contents
  - Search functionality with Fuse.js
  - SEO optimization
  - **Sitemap template**: table with Hugo-specific columns
  - Social media share buttons
  - Taxonomies and sections organization
  - **Theme customization**: control color, contrast, shape, typography, and more

## Key Differences from Material 3
  - Adjustable content text width, font size, and line height
  - Control over brand, plain, and mono typefaces
  - Direction control for tertiary color
  - Mono typeface addition
  - No use of scripting for state layers
  - Option to dim images in dark mode
  - Shape scale control

---

## Install

1. Install Hugo: [Hugo Docs's - Quick Start](https://gohugo.io/getting-started/quick-start/)
2. Create a new Hugo site
  ```bash
  # replace YourSite with your website's name
  hugo new site YourSite --format yaml
  ```
3. Add PolyRhythmic to your `YourSite/themes/` directory
- **Option 1: Clone git repository:**
  ```bash
  git clone https://github.com/wonyoung-jang/hugo-PolyRhythmic themes/PolyRhythmic --depth=1
  ```
- **Option 2: Download and unzip:**
    - Download the PolyRhythmic source and extract the zip in your `YourSite/themes/PolyRhythmic` directory
- **Option 3: Use Hugo Modules**
    - Install [Go](https://go.dev/doc/install)
    - Intialize your own hugo module:
      ```bash
      hugo mod init YOUR_GIT_REPO
      ```
    - Add PolyRhythmic in your `config.yaml` or `module.yaml`
      ```yaml
      # config.yaml
      module:
          imports:
          - path: github.com/wonyoung-jang/hugo-PolyRhythmic
      
      # module.yaml
      imports:
          - path: github.com/wonyoung-jang/hugo-PolyRhythmic
      ```
4. In your `config.yaml` add:
  ```yaml
  theme: ["PolyRhythmic"]
  ```

---

## Support

-   Star, share, and use this repository on [GitHub](https://github.com/wonyoung-jang/hugo-PolyRhythmic)
-   If you would like to sponsor me, you can through [Github Sponsors](https://github.com/sponsors/wonyoung-jang)
-   You may also donate on [Ko-Fi](https://ko-fi.com/wonyoung_jang)

---

## Thanks

-   [**Fuse.js**](https://github.com/krisk/fuse)
-   [**Material Symbols**](https://github.com/google/material-design-icons)
-   [**Material Design 3**](https://m3.material.io/)
-   [**Google Fonts**](https://fonts.google.com/)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-xmin

hugo-xmin

hugo-xmin is an extremely minimal Hugo theme written by Yihui Xie for template beginners. HTML and CSS total about 140 lines, with no external dependencies, and it uses the MIT license.

Hugo · Starter

hugo-theme-gallery

hugo-theme-gallery

A Hugo Extended photo gallery theme that organizes images with Page Bundles, automatically generating album lists and gallery pages with a Justified layout and PhotoSwipe lightbox.

Hugo · Starter

reveal-hugo

reveal-hugo

reveal-hugo is a Hugo theme that converts Markdown content into Reveal.js-based HTML presentations. It supports slide separation with `---`, shortcodes for fragments, slides, sections, notes, Markdown, and MathJax, and organizes content as root or section presentations with order controlled by weight.

Hugo · Starter

anatole

anatole

Anatole is a minimalistic two-column Hugo theme ported from farbox-theme-Anatole, featuring dark mode, multilingual and RTL support, and optional portfolio, comments, analytics, KaTeX, and Mermaid integrations. It suits personal blogs, portfolios, or documentation sites built with Hugo.

Hugo · Starter

hugo-theme-diary

hugo-theme-diary

A Hugo diary-style theme ported from the Hexo theme Journal, with a grid homepage for essays and daily notes. It supports six languages, dark mode, table-of-contents scroll positioning, reading time, code highlighting, and configurable sidebar, fonts, and colors.

Hugo · Starter

risotto

risotto

risotto is a minimalist, responsive Hugo theme inspired by terminal ricing aesthetics. It uses semantic HTML and pure CSS with no JavaScript, and its layout relies on CSS Grid for native responsiveness without manual breakpoints.

Hugo · Starter