{"id":22876,"library":"vite-plugin-tailwind","title":"Vite Plugin Tailwind","description":"A Vite plugin that integrates Tailwind CSS with JIT (Just-In-Time) compiler enabled by default. Current version 0.0.4 is a very early alpha, released infrequently, with minimal documentation and no tests. Zero-config setup similar to WindiCSS plugin but for Tailwind. Includes a config viewer at `/_tailwind/`. Not yet production-ready; alternatives like `@tailwindcss/vite` (official) are more stable.","status":"abandoned","version":"0.0.4","language":"javascript","source_language":"en","source_url":"https://github.com/axe-me/vite-plugin-tailwind","tags":["javascript","vite","vite-plugin","tailwind","tailwind-jit"],"install":[{"cmd":"npm install vite-plugin-tailwind","lang":"bash","label":"npm"},{"cmd":"yarn add vite-plugin-tailwind","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-plugin-tailwind","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Required peer dependency to provide Tailwind CSS functionality.","package":"tailwindcss","optional":false}],"imports":[{"note":"Default export only; named export does not exist.","wrong":"import { tailwind } from 'vite-plugin-tailwind'","symbol":"default","correct":"import tailwind from 'vite-plugin-tailwind'"},{"note":"No types exported from this package; use Vite's Plugin type if needed.","wrong":"","symbol":"Plugin (type)","correct":"import type { Plugin } from 'vite'"},{"note":"Only default export, so named destructuring fails.","wrong":"const { tailwind } = require('vite-plugin-tailwind');","symbol":"CommonJS require","correct":"const tailwind = require('vite-plugin-tailwind');"}],"quickstart":{"code":"import { defineConfig } from 'vite';\nimport tailwind from 'vite-plugin-tailwind';\n\nexport default defineConfig({\n  plugins: [\n    tailwind(),\n  ],\n});\n\n// Then create tailwind.config.js with purge/content paths.\n// Ensure tailwindcss is installed as a peer dependency.","lang":"typescript","description":"Minimal setup to add Tailwind CSS with JIT mode in a Vite project using this plugin."},"warnings":[{"fix":"Replace with `@tailwindcss/vite` from Tailwind CSS or use `tailwindcss` standalone with PostCSS.","message":"Plugin is in very early alpha (0.0.4), no tests, and no recent updates. Consider using official `@tailwindcss/vite` plugin instead.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Create a valid `tailwind.config.js` with `content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']`.","message":"The JIT mode is enabled by default but requires a `tailwind.config.js` with `purge` or `content` paths; omitting them may cause unexpected missing styles.","severity":"deprecated","affected_versions":">=0.0.1"},{"fix":"Avoid relying on the viewer; check Tailwind output directly.","message":"Config viewer at `/_tailwind/` may not work correctly; plugin is unpolished.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run `npm install tailwindcss --save-dev`.","cause":"Missing required peer dependency tailwindcss.","error":"Cannot find module 'tailwindcss'"},{"fix":"Add `content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']` to tailwind.config.js.","cause":"No `content` or `purge` paths defined in tailwind.config.js.","error":"[vite] Internal server error: The `purge`/`content` options are required for JIT mode."},{"fix":"Use `import tailwind from 'vite-plugin-tailwind'` instead of `import { tailwind } ...`.","cause":"Incorrect import (named instead of default).","error":"TypeError: tailwind is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}