"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.

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

Converts Lanhu design URLs into AI-ready implementation context including HTML+CSS (Tailwind), image downloads, design tokens, and guidance.

Generates custom React components following Shadcn UI standards with TypeScript, Tailwind CSS, and accessibility support.

Search 161,000+ free hand-drawn Infyicon icons in four matching styles and fetch ready-to-embed SVG markup or PNG URLs, plus CSS class lookup for the 61,000-glyph Infyicon UI webfont. Free with attribution, no API key required.

Search, view, add, diff and update labsUI React components in a Next.js + Tailwind v4 project, and check its setup with doctor. Components are copied into your repo as plain TSX you own.

Enables searching, indexing, linking, and downloading 2000+ open-source fonts from fontsource.org, with support for font subsets, weights, styles, variable fonts, and CSS integration.

Manages design tokens (colors, spacing, fonts) in a JSON file and enables agents to read, write, export, and detect drift between tokens and CSS via MCP.

MCP server for Uiverse.io that lets AI agents browse, search, and fetch open-source UI components (HTML + CSS) directly in their editor. No API key required, it indexes 3,800+ components locally.

Ply — ply-ui.com — is an Angular + Tailwind copy-in catalog for coding agents. List, search, and inspect 218 components (128 MIT). This host is read-only and returns npx ply-ui-cli add . Local stdio: npx -y ply-ui-mcp. Not MUI Base UI.

FastMCP-based tool for extracting UI component code from Uiverse.io, supporting HTML/CSS, React, Vue, Svelte, and Lit frameworks.

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.

Enables AI agents to audit and fix CSS for generic AI-built design patterns, covering fonts, palettes, contrast, and type scales.

Enables color conversion between HEX/RGB/HSL/HSV/CMYK, palette generation, WCAG contrast checking, color mixing/adjustment, and CSS gradient creation for AI agents.

Lets AI agents browse, inspect and install Bladewell's Blade + Tailwind CSS v4 UI widgets in a Laravel app: list components, read their props and examples, check which installed files are out of date or edited, and add widgets (dry run by default). Runs inside the app with php artisan bladewell:mcp.

One-click website design cloning with Puppeteer. Captures HTML, CSS, colors, fonts, and layout structured data for recreation.

Local-first visual design workspace for AI assistants. Compose wireframes and branded multi-page HTML/CSS documents with live preview, annotations, brand and asset libraries, typed data collections, layout validation, PDF export, and draft-only Gmail handoff.

MCP server for the Open edX Paragon design system, providing AI assistants with structured access to component documentation including props, events, code examples, and CSS design tokens.

Bridges Design OS exported component packages into target projects, handling migrations across different CSS, component, and icon libraries.