Tailwind Playground

Experiment with Tailwind CSS classes and see live changes instantly.

Tailwind Code Editor

Live Preview

Example Tailwind Code

Card Example


<div class="bg-white p-6 rounded-lg shadow-md">
  <p class="text-gray-700">Sample content</p>
</div>

Button Example


<button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded">
  Click Me
</button>