# Clean card Hugo theme for blog, created by using tailwindcss from scrach

**URL:** <https://discourse.gohugo.io/t/clean-card-hugo-theme-for-blog-created-by-using-tailwindcss-from-scrach/47398>\
**Category:** New theme/module\
**Created:** [December 10, 2023, 4:10pm UTC](https://discourse.gohugo.io/t/clean-card-hugo-theme-for-blog-created-by-using-tailwindcss-from-scrach/47398 "2023-12-10T16:10:17Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Xiaoliang\_Wang](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/xiaoliang_wang/32/20576_2.png) [@Xiaoliang\_Wang](https://discourse.gohugo.io/u/Xiaoliang_Wang)\
**Post date:** [December 10, 2023, 4:10pm UTC](https://discourse.gohugo.io/t/clean-card-hugo-theme-for-blog-created-by-using-tailwindcss-from-scrach/47398/1 "2023-12-10T16:10:17Z")

</div>

I created one new theme using tailwindcss from scrach and PR to the theme site. You can check the theme site link [hugo-theme-tailwind](https://themes.gohugo.io/themes/hugo-theme-tailwind/) and the  
[live demo](https://hugo-theme-tailwind.tomo.dev/).

Here are the features:

- High Lighthouse score
- Dark mode - switch between light and dark mode, or default by system prefers.
- SVG icons thanks to [tabler icons](https://tabler-icons.io/)
- Google Analystics - add your Google Analytics ID to `hugo.toml`
- Comments settings for [disqus](https://disqus.com/) and [giscus](https://giscus.app/)
- Social media link data settings
- Additional short code: bilibili, asciinema
- Responsive design
- Multilingual
- Default image process for lazy load and srcset

Wish you like it 😀. Feedbacks are welcome.

---

_[View the full topic](https://discourse.gohugo.io/t/clean-card-hugo-theme-for-blog-created-by-using-tailwindcss-from-scrach/47398)._