Tailwind CSS Playground - Online Tailwind Editor

Ad 728x90

Google AdSense が表示されます

HTML with Tailwind classes:

<div class="flex items-center justify-center h-screen bg-gradient-to-r from-blue-500 to-purple-600">
  <div class="bg-white p-8 rounded-2xl shadow-2xl text-center">
    <h1 class="text-3xl font-bold text-gray-800">Tailwind Playground</h1>
    <button class="mt-4 bg-indigo-500 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-full transition">Edit me</button>
  </div>
</div>

Live Preview (Tailwind + HTML)