Tailwind Playground
Code
Preview
Download
HTML File
TXT File
PNG Preview
HTML
CSS
HTML
<div class="flex items-center justify-center min-h-screen bg-gradient-to-br from-blue-400 to-purple-600"> <div class="bg-white p-8 rounded-lg shadow-lg max-w-md w-full mx-4"> <h1 class="text-3xl font-bold text-gray-800 mb-4 text-center">Welcome</h1> <p class="text-gray-600 mb-6 text-center">Start building with Tailwind CSS</p> <button class="w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded transition duration-200"> Get Started </button> </div> </div>
Preview
Welcome
Start building with Tailwind CSS
Get Started