HugoBlog

hugo-theme-daisyui — Hugo Blog Template

By lukki15

A card-based blog theme for Hugo, built with TailwindCSS and daisyUI, supporting multilingual and dark themes.

Open Source SiteDownload Source ZIP

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-11View source

What stands out

A quick read of the recorded project description.

01

Card-based blog layout, styled with TailwindCSS and daisyUI

02

Supports multilingual and dark themes

03

Provides mobile-responsive page display

04

Homepage can configure an optional avatar; posts can configure an optional feature image and description

05

Generates Tailwind styles via npm scripts

06

MIT licensed, with an example site and online demo

Template Details

hugo-theme-daisyui is a Hugo blog theme with a card-based layout, styled using TailwindCSS and daisyUI. Features listed in the repository description include mobile responsiveness, multilingual support, a minimalist style, and a dark theme.

Installation involves adding the theme as a git submodule to the site's themes/daisyUI directory, running npm install and npm run tailwind inside the theme directory to generate styles, copying the exampleSite content to the site root, and finally previewing with hugo serve -t daisyUI and building with hugo --gc --minify -t daisyUI.

There are few configuration options: the homepage can set an optional avatar, and posts can set an optional feature_image and description. The theme is MIT licensed, and the repository provides an online demo site.

HugoBlog

Is it right for your project?

Use Cases

  • Building a personal tech or lifestyle blog
  • A writing site that needs multilingual support and a dark theme
  • Hugo projects where you want to customize styles with TailwindCSS/daisyUI

Suitable For

  • Developers using Hugo and familiar with the command line and git submodules
  • Users who accept running npm in the theme directory to build styles
  • Personal sites that need a clean card-based blog appearance

Getting started & customization

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

  1. 1

    Add the theme as a git submodule to themes/daisyUI, and run npm install and npm run tailwind in the theme directory

  2. 2

    Copy the contents under themes/daisyUI/exampleSite to the site root as a starting point

  3. 3

    Preview locally with hugo serve -t daisyUI, and build with hugo --gc --minify -t daisyUI

  4. 4

    The homepage can optionally have an avatar; posts can optionally have a feature_image and description

  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 under the MIT license in the public repository; the free scope is the code of this version 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's code are permitted.
  • 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

  • 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

Permission is hereby granted, free of charge

Original License Text
https://github.com/lukki15/hugo-theme-daisyui/blob/main/LICENSEhttps://github.com/lukki15/hugo-theme-daisyui/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-11. 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
GitHub
Documentation and maintenance reference score
Partly documented · 68 / 100
Technologies
Hugo
Website type
Blog
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
2024-02-24
Screenshot last checked
2026-10-11

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-13

Inspect the recorded source material

SHA-256: 826dc73e2b326f31189d6c3ac809dd13aa310c8e6c3ff356b290d85e4c65bac7

2026-10-11T20:21:18.429Z

Source file / repository
# Hugo Theme daisyUI

A simple, clean and fast theme based on TailwindCSS and daisyUI

[demo](https://lukki15.github.io/hugo-theme-daisyui/)

## Features

- mobile friendly
- fast
- clean
- multi-language support
- minimal
- dark theme

## Installation

a new site
```bash
$ hugo new new site example
$ cd example
```

add and setup theme
```bash
$ git submodule add https://github.com/lukki15/hugo-theme-daisyui.git themes/daisyUI
$ cd themes daisyUI

$ npm install
$ npm run tailwind
```

copy example site
```bash
$ cd ../..
$ cp -R themes/daisyUI/exampleSite/* .
```

hugo serve and build
```
$ hugo serve -t daisyUI
$ hugo --gc --minify -t daisyUI 
```

## Configuration

for home page
- an optional `avatar` can be set

for posts:
- an optional `feature_image` can be set
- an optional `description` can be set
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-PaperMod

hugo-PaperMod

A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.

Hugo · Portfolio

LoveIt

LoveIt

LoveIt is a clean, elegant, and feature-rich Hugo blog theme derived from LeaveIt and KeepIt, MIT-licensed. It offers light/dark modes, responsive layout, multilingual support, and search via Lunr.js or Algolia.

Hugo · Blog

hugo-coder

hugo-coder

hugo-coder is a minimalist Hugo blog theme maintained by luizdepra under the MIT license. It provides a clean, text-focused blog appearance, configuration documentation in the docs directory, and a complete exampleSite with hugo.toml.

Hugo · Blog

blowfish

blowfish

Blowfish is a Hugo personal website and blog theme built with Tailwind CSS 4, focused on lightness, simplicity, and content-first presentation.

Hugo · Blog

hugo-paper

hugo-paper

hugo-paper is a simple, clean, and customizable Hugo blog theme configured through config.toml or hugo.toml.

Hugo · Blog

hextra

hextra

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

Hugo · Documentation