Tailwind CSS Garden

A demonstration that you can build very nice sites with Tailwind.

Inspired | BY CSS Zen Garden

What is the point of this?

A demonstration of what can be accomplished with Tailwind. Many sees Tailwind like another framework, but is not. The CSS is simply ready written for you, just use the classes. Here you will see that there is huge room for differentiating yourself from the rest.

What are the rules?

You get the markup, without the classes, only the tags. Use your own styles, use the CDN or donwload it. This may seem "scary wooo" if you’ve never worked this way before, just follow the Tailwind's documentation.

Download the sample HTML to work on a copy locally. Once you are ready,.- don’t submit half-finished work. Upload your file to a web server that you can take care of. Like, Netlify, Vercel and so on. Then if it get's choosen I will let you know that I will need a link.


Downoad Tailwind CSS locally. Do not integrate it with any js frameworks, nothing. But you can definately use the config file and plugins. Change the font colors and so on.

Please, submit original artwork and respect copyright laws. Please keep objectionable material to a minimum, and try to incorporate unique and interesting visual themes to your work.

Submit your work:

*Thank you for be part of this.


Tailwind CSS documentation.

Download the HTML

*Remember to follow the guidelines.


I am easily reachable on Twitter and by email.



1600+ Subscribers


A newsletter for web developers and UI/UX designers.

Past issues: here

Home page: here

Do not forget to confirm your subscription!