Tailwind CSS’s biggest advantage is providing developers with the ability to quickly build beautiful, custom designs without fighting to override existing styles.

Most CSS frameworks offer pre built components like buttons and cards that are easy to add but painfully difficult to modify to make your website stand out.

No more battling specificity wars.

Each Tailwind utility also comes with responsive variants. It uses a {screen}: prefix to make it easy to notice responsive classes in your markup.

It also provides tools to extract components from repeated utility patterns so it is easy to update multiple instances of a component from one place.

Colors, borders, font weights, shadows etc. – if anything can be customised, Tailwind offers the capability to do so.

It is written in PostCSS and configured in JavaScript so you have the power of a programming language at hand.

Here’s a codepen of a popular tip built using Tailwind, coded by Steve Schoger.

Credits: Steve Schoger on Twitter

TO DO: Use Tailwind CSS framework to quickly build custom designs

Related

Become the best designer you can be with…

If you’re solely interested in getting the best design… 

  • 9

The only reason people can’t write…

In his book “The Sense of Style: The Thinking Person’s… 

  • 10

Creative Selection- Looking at Apple’s…

Remember Apple in its initial days? Their off the chart… 

  • 11

How to e-mail like a pro

The thing about e-mail writing is that physical cues are… 

  • 16

How to reach out to buyers of your product

The usual suggestion is to go for e-mailing prospective… 

  • 10

Subtract the obvious, add the meaningful…

KISS – “Keep it simple, stupid” is a design principle… 

  • 12

Start coding in V in just 90 minutes

‘Simple, fast, safe, compiled language for developing… 

  • 10

Is too many choices to your software…

Alvin Toffler’s Future Shock was a brilliant book. He… 

  • 10

10 steps to e-mail busy people without…

For some, Mondays are especially dreadful thanks to a pile… 

  • 9

Discover interesting things to explore and do

We curate authentic and awesome content. Sign up for our newsletter for your daily dose of inspiration !