Tailwind CSS

@tailwindcss/language-server

Utility-class completions, hover previews, color previews, variants, and class-name diagnostics in Tailwind projects.

Delivery

bundled npm server

Activation

Tailwind config or Tailwind usage in supported files

Capabilities

Completes spacing, color, layout, typography, responsive variants, states, and project theme values.

Shows generated CSS in hover previews and validates invalid class names.

Works inside HTML, JSX, TSX, configured class attributes, and supported class-like strings.

Open the folder that owns tailwind.config.*, package.json, and source files.

Install project dependencies so theme values match the actual app.

Keep suggestions scoped to class contexts so they do not pollute normal strings.

No class completions usually means the server did not detect Tailwind project context.

Wrong-place completions mean the editor integration needs tighter context filtering.

Missing theme values usually mean the project config was not found.