HUGO

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

I’m happy to share https://www.themes.dev/ with you.

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

URL: WindyBlocks - Prototyping kit for Tailwind CSS (themes.dev)
Notes: I manually update ratings and purchases :wink:

URL: Windyblocks (themes.dev)
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

URL: How to create a responsive navigation menu in Tailwind CSS? (themes.dev)
Notes: Made a pretty cool widget to highlight code and provide previews of that coded.

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

Thanks @bep

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

1 Like