And how this compares with Tailwind CSS:

index.html

<div class="flex justify-center">
  <div class="w-4/5 border-8 border-blue-600 bg-red-600 hover:bg-yellow-400 p-5 shadow-2xl">The Best Div Ever</div>
</div>
One File

No more switching back and forth between multiple files - the styles you need are right there

Readable Syntax

Utility classes often have improved readability, making learning a breeze and future development faster

Lengthy Class Names

There is risk of 'polluting' your html/component code with more text that is unrelated to content or functionality

6