Getting setup

Why

shadcn/ui a fresh instalation requires overwriting your tailwind config which can be less than ideal. solution : Wrap all shadcn tailwind configs into an installabe tailwind plugin

A tailwind plugin for shadcn/ui project that houses all the default tailwind configs for shadcn/ui

installation

 npm i shadcn-fe-tw tailwindcss-animate
 yarn add shadcn-fe-tw tailwindcss-animate
 pnpm add shadcn-fe-tw tailwindcss-animate

and add it into your tailwind.config

export default {
  content: [
    // vite
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}"
        // next
    "app/**/*.{ts,tsx}",
    "components/**/*.{ts,tsx}",
  ],

plugins: [
    require("tailwindcss-animate"),
    require("shadcn-fe-tw")
  ],
};