This is a quick review and demo of the “utility style CSS framework” named “Tailwindcss” –

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that provides a set of best practices and opinionated defaults. It’s the perfect starting point for any project that needs to be built quickly, but still wants to look good. Tailwind has been designed with the goal of making it easier for you to build websites faster, without compromising on design or UX.

Why Tailwind?

If you know your CSS, you will love this because you can literally make a perfect form or/and landing page within hours. If you have good imagination, you don’t even have to touch Figma, just look at some examples are recreate it with actual CSS classes that are provided with Tailwind.

Best thing about this framework is, when the style CSS class is used in the HTML files, only then native CSS is generated and outputted into the main.css file, this is how you can keep your file sizes minimal and not include styles you don’t need.

For example, in Bootstrap or others (like Foundation, Materialize CSS …), you are including the whole CSS package, with every imaginable style, even though you are not using them, which is not ideal, if you are building smaller apps.

What is in this demo – I wanted to test this framework on an actual “mini project” with examples I am doing, as part of my “developer” diary. I am exploring different technologies and publishing smaller demos.


Check out the site:

Concepts 2GIKA demo website