# Themes.dev - Themes and Learning platform focused on Tailwind CSS

**URL:** https://discourse.gohugo.io/t/themes-dev-themes-and-learning-platform-focused-on-tailwind-css/31252
**Category:** Showcases
**Tags:** tailwind
**Created:** [February 16, 2021, 9:55am UTC](https://discourse.gohugo.io/t/themes-dev-themes-and-learning-platform-focused-on-tailwind-css/31252 "2021-02-16T09:55:39Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![frankspin89](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/frankspin89/32/3385_2.png) [@frankspin89](https://discourse.gohugo.io/u/frankspin89)
#### Post date: [February 16, 2021, 9:55am UTC](https://discourse.gohugo.io/t/themes-dev-themes-and-learning-platform-focused-on-tailwind-css/31252/1 "2021-02-16T09:55:39Z")

</div>

I’m happy to share [https://www.themes.dev/](https://www.themes.dev/) with you.

 ![themes.dev-homepage](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/0/0cd6e9b56bef2a5dab3e50db00229f330a3fcf0d.jpeg)

I started this project in november 2020 and its improved several times during last months. The site is focused on selling Themes and Components for Tailwind CSS.

**Technolgie summary**

- GoHugo - Currently running 0.78.2
- Hosted on Netlify
- Payment handling by Gumroad
- Netlify CMS for easy content editing
- Alpine.js for interaction
- Tailwind CSS for Styling

**package.json contents**

```
"@tailwindcss/aspect-ratio": "^0.2.0",
"@tailwindcss/typography": "^0.3.1",
"alpinejs": "^2.8.0",
"autoprefixer": "^10.0.2",
"cross-env": "^7.0.3",
"iframe-resizer": "^4.3.1",
"interactjs": "^1.10.2",
"netlify-cms-app": "^2.14.17",
"node-fetch": "^2.6.1",
"pageres": "^5.2.1",
"postcss": "^8.1.7",
"postcss-cli": "^8.3.0",
"postcss-import": "^13.0.0",
"postcss-nested": "^4.2.3",
"tailwindcss": "^2.0.1",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12"

```

**Screenshots**

 ![product-page](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/1/19035a6fa2d654fc6ca780c15067a161045b5233.jpeg)

URL: [WindyBlocks - Prototyping kit for Tailwind CSS (themes.dev)](https://www.themes.dev/library/windyblocks-prototyping-tailwindcss/)  
Notes: I manually update ratings and purchases 😉

 ![preview-page](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/2/2f98f75ceccbfe34d9e943db015b3ba01266e287.jpeg)

URL: [Windyblocks (themes.dev)](https://www.themes.dev/preview/windyblocks/)  
Notes: I made a script to automatically make screenshots of all components. The screenshots are loading in a Iframe so that different variants can be showed on different breakpoints

 ![blog-page](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/7/7e1d524e366de1bbdb6419c20a95b81279385dd6.jpeg)

URL: [How to create a responsive navigation menu in Tailwind CSS? (themes.dev)](https://www.themes.dev/blog/responsive-navigation-menu-tailwind-css/)  
Notes: Made a pretty cool widget to highlight code and provide previews of that coded.

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [February 16, 2021, 10:15am UTC](https://discourse.gohugo.io/t/themes-dev-themes-and-learning-platform-focused-on-tailwind-css/31252/2 "2021-02-16T10:15:51Z")

</div>

That’s a great looking site – and catchy domain.

---

<div class="post-metadata">

### Author: ![frankspin89](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/frankspin89/32/3385_2.png) [@frankspin89](https://discourse.gohugo.io/u/frankspin89)
#### Post date: [February 16, 2021, 10:27am UTC](https://discourse.gohugo.io/t/themes-dev-themes-and-learning-platform-focused-on-tailwind-css/31252/3 "2021-02-16T10:27:52Z")

</div>

Thanks @bep

It really amazes me how powerful and diverse GoHugo is. I even use it internally for creating the products I offer.