"Tailwind CSS" matching MCP servers:

Generates Tailwind CSS palettes (50-950) from any color for Tailwind v4, v3, v2 and v1, in OKLCH, and finds the closest Tailwind color to any color.

Loads your project's Tailwind CSS config and exposes tools for AI agents to query actual design tokens and validate class names, preventing hallucination of non-existent utilities.

Finds the closest Tailwind CSS palette colors to any given CSS color value. Supports multiple color spaces and customizable result filtering to help match designs to Tailwind's color system.

Advanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.

Enables CSS analysis with 150+ metrics, MDN documentation retrieval, and browser compatibility checks for CSS properties.

Provides access to SvelteKit and Tailwind CSS documentation, code snippets, and component examples with secure file operations and caching for building modern web applications.

Provides comprehensive documentation search for Next.js 15+ and Tailwind CSS 3+, along with 27 production-ready Catalyst UI components and 13 design patterns for building modern web applications.

Audits spacing, gaps, and element sizes in AI-generated UIs and returns fix hints the agent applies. Tailwind-first, with accessibility fallback.

Enables auto-configuration and validation of React components against a glassmorphic design token system using an AST correction engine. It supports managing UI presets, enforcing design uniformity in Monaco IDE, and exporting tokens as CSS, Tailwind, or JavaScript variables.

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

MCP server for searching Google Fonts and generating complete CSS/Tailwind typographic systems with font pairings and modular scales.

Multi-framework MCP server that enables AI to generate clean, semantic CSS class names (e.g., btn-primary) instead of verbose utility strings, with support for Tailwind, Bootstrap, UnoCSS, Tachyons, SSR safety, and minification for token savings.

This MCP server is the official resource of the Flowbite UI framework and enhances development of websites, layouts, and themes using Tailwind CSS

Enables AI agents to navigate JS/TS/HTML/CSS code through TypeScript, HTML, and CSS language servers, answering hover, definition, references, symbol search, outline, and diagnostics queries. Adds a cross-file index of CSS custom properties and #id/.class selectors that single-file language servers cannot provide.

Enables AI agents to validate, search and canonicalize Tailwind class names, resolve which conflicting utility wins, inspect theme tokens and variants, check color contrast, and migrate v3 classes to v4. It answers by querying the project's own installed Tailwind engine, so results reflect the real configuration, plugins and version instead of a stale snapshot.

Enables AI agents to generate complete, deterministic design systems from a single brand color — harmonious palettes, font pairings, type and spacing scales, elevation shadows, responsive grids, motion presets, dark-mode themes, and WCAG contrast audits — and export them as CSS, JSON, Tailwind, or SCSS through natural conversation.

Translates design tokens across platforms — extracts from Tailwind/CSS/Figma and generates native themes for Material 3, SwiftUI, and CSS variables with WCAG contrast validation.

Enables agents to read Figma designs through the REST API as normalised, agent-friendly IR with Tailwind themes and CSS variables, render reference PNGs, and verify generated HTML against the original design via visual diff.

This server integrates with Mozilla Developer Network (MDN) documentation to suggest CSS properties, check browser support, and provide implementation guidance with user consent mechanisms.

Enables an MCP client to query a token-driven SCSS design system out of the box, with no manual SDK or zod install step, exposing 30 tools covering themes, mixins, functions, tokens, animations, components, recipes, doc readers, size resolution, and prompt assembly. It resolves that data directly from the installed css-is-awesome package, so answers always match the version the user actually has.