Tailwind Theme Builder

Set up a fully themed Tailwind v4 + shadcn-vue project with dark mode. Produces configured CSS, theme provider, and working component library.

Workflow

Step 1: Install Dependencies

pnpm add tailwindcss @tailwindcss/vite
pnpm add -D @types/node tw-animate-css
pnpm dlx shadcn-vue@latest init

# Delete v3 config if it exists
rm -f tailwind.config.ts

Step 2: Configure Vite