DEV Community

Cover image for What is Tailwind CSS?
Zoltán Szőgyényi for Themesberg

Posted on • Originally published at themesberg.com

4 2

What is Tailwind CSS?

Tailwind CSS is the most popular utility-first CSS framework in the world for rapidly building custom user interfaces for the web. It is a highly customizable collection of low-level CSS utility classes written in PostCSS destined to be customized using JavaScript.

The first release of Tailwind CSS happened on the 1st of November, 2017 on GitHub as an open-source project. Initially, it was only a side-project for Adam Wathan that helped him with some of his projects, but in time became a fully-fledged and popular CSS framework with a new utility-first methodology.

On the 2nd of August, 2020 it is estimated that it was downloaded by over 10 million times, making it one of the most rapidly growing CSS frameworks in the world.

Bootstrap vs Tailwind CSS

If you’re a web developer chances are high that you either know about or even used Bootstrap for a long time as your primary CSS framework. Most developers ask why would they switch from Bootstrap to Tailwind CSS?

Although the two frameworks are different in terms of methodology, they both can give you a strong foundation when building user interfaces. We wrote an article comparing Bootstrap vs Tailwind CSS in-depth if you’re interested.

Getting Started

Although Tailwind CSS can be used via CDN and classes only, it is highly recommended to use it with the Tailwind configuration file powered by PostCSS. Follow along the official guide to install Tailwind CSS and start building awesome user interfaces.

Tailwind CSS ecosystem and community

Because it is a fairly new CSS framework the community, although very active, is still quite small in comparison to the one around Bootstrap, which was around for almost a decade. There is a growing amount of articles and Stackoverflow questions about Tailwind CSS and we estimate it will reach the levels of Bootstrap in a few years.

Check out this awesome list of projects and resources about Tailwind CSS.

Get access to free templates and themes used by over 5452 web developers:

Create account at Themesberg.

Heroku

Deliver your unique apps, your own way.

Heroku tackles the toil — patching and upgrading, 24/7 ops and security, build systems, failovers, and more. Stay focused on building great data-driven applications.

Learn More

Top comments (2)

Collapse
 
sm0ke profile image
Sm0ke

Nice intro. Thanks

Collapse
 
zoltanszogyenyi profile image
Zoltán Szőgyényi

Thank you! 🙏

Jetbrains image

Build Secure, Ship Fast

Discover best practices to secure CI/CD without slowing down your pipeline.

Read more

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay