Install Tailwind CSS

Initialize your Project

npx create-next-app@latest my-project --typescript --eslint 
cd my-project

Install Tailwind CSS :

npm install -D tailwindcss postcss autoprefixer 
npx tailwindcss init -p

Configure your template paths :(tailwind.config.js)

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",

    // Or if using src' directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Add Tailwind to CSS :(global.css)

@tailwind base;
@tailwind components;
@tailwind utilities;

Start your development :

npm run dev

Follow for updates

Documentation

All Components

Install Tailwind CSS