Related

Button Component

tailwindcss

Create reusable button

Initialize Tailwind

tailwindcss

Create default config file

Add Custom Plugin

tailwindcss

Create Tailwind plugin

tailwindcss/card-component

Card Component

Create card with Tailwind

component
card

Explanation

Implements a card component using Tailwind utility classes

Examples

Basic card component

<div class="max-w-sm rounded overflow-hidden shadow-lg">
    <div class="px-6 py-4">
      <div class="font-bold text-xl mb-2">Card Title</div>
      <p class="text-gray-700 text-base">
        Card content
      </p>
    </div>
  </div>

More

React Setup

tailwindcss

Configure Tailwind with React

Vue Setup

tailwindcss

Configure Tailwind with Vue

Install Tailwind

tailwindcss

Install Tailwind CSS