<div class="flex items-center h-40">
<div class="bg-gray-300 mx-auto h-20 w-40">
<div class="-mt-0 mx-auto p-6 w-2/3 bg-teal-400 text-sm"></div>
</div>
</div>
<div class="flex items-center h-40">
<div class="bg-gray-300 mx-auto h-20 w-40">
<div class="-mt-0 mx-auto p-6 w-2/3 bg-teal-400 text-sm"></div>
</div>
</div>
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.