screenshot of Hugrid


Hugrid (Hugo+grid) is a simple grid theme for Hugo. It's a kind of boilerplate to perform anyone or anything quickly. Portfolio, collection, bookmarks, contacts and so on.


Hugrid is a simple grid theme for Hugo. It serves as a boilerplate for quickly creating portfolios, collections, bookmarks, contacts, and more. The theme is responsive and includes Google Analytics.


  • Responsive design: Hugrid is designed to adapt to different screen sizes, making it accessible on desktop and mobile devices.
  • Google Analytics: The theme includes support for integrating Google Analytics, allowing users to track and analyze their website's performance.


To install Hugrid, follow these steps:

  1. Inside the folder of your new Hugo site, run the following command:

    $ git clone themes/hugrid
  2. Modify your site's config.toml file to use the Hugrid theme. You can do this by adding the following line to the file:

    theme = "hugrid"
  3. Copy the exampleSite/data folder from the Hugrid theme to the root folder of your Hugo site. This folder contains a file called items.toml that you can modify with your own data.

  4. Run Hugo's built-in local server to see your site in action. Open your browser and enter localhost:1313 in the address bar.


Hugrid is a grid theme for Hugo that provides a simple and responsive design for creating portfolios, collections, and more. It includes features like Google Analytics integration and offers an easy installation process. By following the provided installation guide, users can quickly set up and customize their Hugo site using the Hugrid theme.


Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.