The One JavaScript Library I Almost Always Use

And it’s not Bootstrap.

I always use a fair share of available libraries whenever I program anything in JavaScript using package managers such as NPM or Yarn, but there is one library that I prefer to use for every web development project that I make. Today I will share that library with you and give a small tutorial on it.

Tailwind is a very well-known library that makes styling web pages easier. The reviews on it are widely spread, but especially in the prototyping phase of projects, it is so much easier to work with than Bootstrap or Materialize might.

Essentially, it fits a lot in the same category as Bootstrap or Materialize. But there are some key differences. The most important being, Tailwind doesn’t contain any pre-built components.

It does, however, contain tons of classes that make it very easy to create beautiful components on your own, which is great for front-end developers that want to experiment with a lot of factors before finalizing a part of an application.

I personally prefer Tailwind over Bootstrap or other libraries because it promotes creating your own styles more. Everybody knows how the Bootstrap buttons and forms look, but Tailwind will require me to create my own from scratch. It's not a hard task to do, nor is it time-consuming, but it will make sure my sites look unique in some way or another.

Like Bootstrap or Foundation, you simply add classes to reflect what you want to do with that element. If you want a dark green color, you add bg-green-900 , if you want a light blue border, you could add border-blue-100 . You can add margins or padding using m-4 , pt-4 , px-16 , and so on and so forth.

If you have never used Tailwind, and you want to try something new, I can truly recommend giving it a proper go. The learning curve isn’t too high, and if you like styling sites yourself, it sure makes it easier to do than with CSS only.

Thank you very much for reading and have an exquisite day.

Read more from M. Vissers:

Related posts:

The WAGMI Experience Network (WEN) encompasses all things future-focused and pop culture-inspired for the progressive betterment of our human experience. It’s #WAGMI (We’re All Gonna Make It — a…

Writing is like compound interest. Einstein once called compound the Eight Wonder of the World. Ergo, writing is the Eighth Wonder of the World. I often get asked the question “I want to start…

When I got home that night, I noticed the smiling jack-o-lantern in my front yard was crushed. This was far from the first time I have seen something like this happen in my neighborhood, I was…