Docsy is a Hugo theme for technical documentation sets, providing simple navigation, site structure, and more.

This is not an officially supported Google product. This project is actively being maintained.


The following are basic prerequisites for using Docsy in your site:

  • Install a recent release of the Hugo "extended" version (we recommend version 0.53 or later). If you install from the
    release page, make sure you download the _extended version
    which supports SCSS.

  • Install PostCSS so that the site build can create the final CSS assets. You can install it locally by running
    the following commands from the root directory of your project:

    sudo npm install -D --save autoprefixer
    sudo npm install -D --save postcss-cli

Example and usage

You can find an example project that uses Docsy in the Docsy Example Project repo. The Docsy Example Project is hosted at

To use the Docsy theme for your own site:

  • (Recommended) Copy the example project,
     which includes the Docsy theme as a submodule.
    You can customize this pre-configured basic site into your own Docsy themed site.
    Learn more...

  • Add Docsy to your existing Hugo site repo's themes directory. You can either add Docsy as a Git submodule, or
    clone the Docsy theme into your project.

See the Docsy Getting Started Guide for
details about the various usage options.


Docsy has its own user guide (using Docsy, of course!) with lots more information about using the theme, which you can find at Alternatively you can use Hugo to generate and serve a local copy of the guide (also useful for testing local theme changes), making sure you have installed all the prerequisites listed above:

git clone --recurse-submodules --depth 1
cd docsy/userguide/
hugo server --themesDir ../..

Note that you need the themesDir flag when running Hugo because the site files are inside the theme repo.