Configure Tailwind with Vue

Create card with Tailwind

Create default config file

tailwindcss/react-setup

Configure Tailwind with React

integration

react

Basic configuration for using Tailwind with React

PostCSS config for React

// postcss.config.js
  module.exports = {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    }
  }

CSS entry point

/* src/index.css */
  @tailwind base;
  @tailwind components;
  @tailwind utilities;

Install Tailwind CSS

Compile Tailwind CSS

Set content paths