"Tailwind CSS" matching MCP servers:

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.

A full-stack template for building Model Context Protocol servers that expose tools and workflows to AI agents while also serving a web interface built with React and Tailwind CSS.

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.

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.

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.

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.

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.

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

Provides comprehensive tools for TailwindCSS development including utility class retrieval, CSS-to-Tailwind conversion, and color palette generation. It enables AI assistants to search documentation, generate component templates, and provide framework-specific installation guides.

Enables AI agents to work with Iran-specific data and Persian/RTL frontends fully offline, covering Jalali date conversion, national ID, card, Sheba and mobile validation, Persian text and number formatting, bank and operator lookup, VAT and price handling, plus RTL auditing and CSS/Tailwind conversion. All tools run locally with no API keys.

Enables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.

Enables comprehensive color manipulation, conversion between 22+ formats (HEX, RGB, HSL, CMYK, LAB, etc.), palette generation, gradient creation, and accessibility compliance checking. Supports framework-specific outputs for CSS, Swift, Android, Flutter, and Tailwind with high-precision conversions and visualization capabilities.

Provides current Next.js 16 documentation to AI assistants, enabling version-accurate lookups, code generation, and configuration guidance for App Router, Pages Router, Server Components, and Tailwind CSS v4.

Acts as a CSS Tutor, providing personalized updates about CSS features by fetching latest news, tracking user knowledge, and guiding AI clients.