🎉 daisyHugo 🎉
A lightweight theme for Hugo built with Tailwind CSS and daisyUI components
This is a demo site built entirely using daisy-hugo theme. It also contains a complete set of theme documentation. daisy-hugo is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts or for project documentation with a list of topics.
Highly customizable
Powered by Tailwind CSS utility classes
daisyUI components have low CSS specificity so you can customize everything using
Tailwind CSS utility classes.
You can even use @apply to add your custom
styles to components or you can
change colors and other design decisions using
CSS variables.
<a class="btn btn-primary">Button</a><a class="btn btn-primary rounded-full">Button</a>Powerful theming
Apply your own design decisions
daisyUI adds a set of semantic color names to Tailwind. So instead of using constant
color names like bg-blue-500, we can use semantic
names like bg-primary or
bg-success.
All colors are CSS variables so you can easily change the theme of your entire app
without having to edit your HTML.
Read more about themes