TAILWIND CSS - only for absolute beginners
Develop responsive websites with minimal or no CSS file
In this blog I will give you a overview on Tailwind and how to use it to create amazing website within no time
What is tailwind ?
Tailwind CSS is a utility-first framework for rapidly building custom UI components. With tailwind you only have to add the tailwind class names to your HTML code and automatically the styling is added to your code. You dont even need to add any custom CSS file to your project for styling your app. This is the beauty of tailwind CSS.
Tailwind has become immensly popular since it's launch in 2017 and has become developer's go to tool for adding CSS. Most of the developers use is because it allows them to built custom interfaces within no time allowing them to build prototypes much faster. Along with this there are also many websites which provides UI components built purely with tailwind which developers can just copy and paste to their website.
Some of the websites providing these UI components are mentioned below:
Why use tailwind CSS?
- Setting up tailwind for your project is easy
- No CSS file is required for styling your website
- Adding responsiveness and styles is done in you HTML file
- Pre built UI components are available on many websites for free
- Speeds up your development process
Some Drawbacks of using tailwind CSS
- Code readablity can be issue
- Too many class names are added
Although there are differences of opinion in the market, tailwind CSS is my go to thing for designing websites . I like it and I have also designed some projects using tailwind CSS. Here are the links to my project. Please consider sharing your valuable feedback on them
Now that you have a brief overview on tailwind I recommend you to visit Tailwind's Website and try to built some small project like a landing page. Happy Coding :)