What is Tailwind CSS (Basic Introduction)


What is Tailwind CSS ?

Tailwind CSS is a utility-first CSS framework for creating modern design quickly. Why do we call it utility first? because it uses utility classes of CSS. CSS frameworks like Bootstrap, Foundation, and Material are used to create high-level components like cards, buttons, and carousels. So CSS frameworks have predefined classes but tailwind has utility classes. We can use Tailwind CSS to apply these classes in a single style.

Understanding the Utility Classes.








* I took this example from the official website of Tailwind CSS.

Currently, a popular CSS framework is Tailwind CSS. It can easily use any framework like React, Laravel, Angular etc. There are many reasons for that. They are,

  1. Easy to use
  2. highly customisable.
  3. The styling process is very fast.
  4. safely in production.
  5. Easy to create responsive design.
  6. easily used with any framework.

There are four ways to use Tailwind CSS in Visual Studio code.





I recommend using a post-CSS environment. Before using tailwind vs code you need to install node js and extensions.

* Extensions - Tailwind CSS IntelliSense, Prettier - Code formatter, PostCSS Language Support.

How to Install Tailwind CSS in VS Code Using PostCSS  Watch on YouTube





Post a Comment

Previous Post Next Post