Related

Card Component

tailwindcss

Create card with Tailwind

Initialize Tailwind

tailwindcss

Create default config file

Responsive Grid

tailwindcss

Create responsive grid layout

tailwindcss/btn-component

Button Component

Create reusable button

component
button

Explanation

Creates a reusable button component using @apply directive

Examples

Button using @apply

<button class="btn-primary">Click</button>
  
  <style>
  .btn-primary {
    @apply px-4 py-2 rounded bg-blue-600 text-white font-medium hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-300;
  }
  </style>

More

Custom Animation

tailwindcss

Create custom animation

Add Custom Plugin

tailwindcss

Create Tailwind plugin

Install Tailwind

tailwindcss

Install Tailwind CSS