# A Guide into the world of Tailwind CSS
Tailwind CSS is a utility-first CSS framework packed with classes like `flex`, `pt-4`, `text-center` and `rotate-90` that can be composed to build any design, directly in your markup.
## The Utility-First Workflow
Instead of writing custom CSS, you apply pre-existing classes to your HTML elements. This leads to:
- **Faster Development**: No switching context between HTML and CSS files.
- **Consistent Design**: Values are picked from a designated design system (your config).
- **Smaller Bundle Sizes**: Unused CSS is purged automatically.
## Customization
Tailwind is highly customizable via the `tailwind.config.js` file, allowing you to define your own colors, spacing, and variants.
## Conclusion
Tailwind CSS might look ugly at first, but once you start using it, the productivity boost is undeniable.