Tailwind CSS vs Bootstrap UI Example

Tailwind CSS

Welcome

Thanks for signing up!

Code:

<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-4">
  <h1 class="text-xl font-semibold text-gray-900">Welcome</h1>
  <p class="text-gray-600">Thanks for signing up!</p>
  <button class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded">
    Get Started
  </button>
</div>

Bootstrap

Welcome

Thanks for signing up!

Get Started

Code:

<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Welcome</h5>
    <p class="card-text">Thanks for signing up!</p>
    <a href="#" class="btn btn-primary">Get Started</a>
  </div>
</div>