Hello everyone, in this article I want to tell you how to create a quick project using TailwindCSS, ReactJS and Tailblocks.

Let’s start by getting acquainted with technologies.


Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs

They come with all sorts of predesigned components like buttons, cards, and alerts that might help you move quickly at…

**Tailwind CSS **is a CSS library developed by Adam Wathan. It allows you to export CSS to your elements using ready classes. It offers you a great flexibility when writing code because it doesn’t have ready components like Bootstrap, and it’s more customizable for your imagination and design capability.

Of course, these differences bring a lot of criticism. Since there are no ready components of the program, there are those who think that it is not much different from writing inline CSS by naming too many classes.

Image for post

It also gets criticism as it becomes difficult to understand because of the lack of semantic (semantic) of class nomenclature, which is very close to atomic level. I advise you to read the article below on this topic.


There’s a lot to say about ReactJS , but I think there’s a lot of awareness in people now, I guess there’s no one who’s heard it. For detailed information, I recommend reading the following article and ReactJS’s own document.

#tailblocks #tailwind-css #reactjs #react #tailwind

Tailwind CSS + ReactJS + Tailblocks = Quick Start Combo
9.95 GEEK