Wireframe Layouts

Latest Tailwind Components

Responsive HTML building blocks for marketing, applications, dashboards and more.

Card with action

Card title!

If a dog chews shoes whose shoes does he choose?

<div class="text-neutral-content w-96 rounded-lg bg-sky-400/85 p-4 text-white shadow-xl">
<div>
<h2 class="font-inter py-2 text-xl font-semibold">Card title!</h2>
<p>If a dog chews shoes whose shoes does he choose?</p>
<div class="my-1 flex justify-end">
<button class="my-1 rounded-xl bg-sky-500 px-4 py-2 text-white outline-none hover:bg-sky-600">Buy Now</button>
</div>
</div>
</div>