Best Tailwind CSS MCP Servers
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup
Why this server?
Generates semantic class names for Tailwind CSS, reducing token usage by replacing long utility class strings with short, readable names like btn-primary or card, with SSR safety awareness and optional minification.
AlicenseAqualityDmaintenanceMulti-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.Last updated210146MITWhy this server?
Tested on Tailwind CSS Next.js site, detects accessibility, performance, and resource-related bugs through automated exploratory testing.
AlicenseAqualityBmaintenanceAI-powered exploratory QA agent. Explores web apps like a real user — 18 MCP tools for clicking, filling forms, and navigating. Automatically verifies that actions persist (fake deletes, failed edits). Runs 16 detection types including dead links, SEO, accessibility, and performance checks.Last updated2181MITWhy this server?
Provides code generation for UI components styled with Tailwind CSS to display Bitcoin Stamps data and collections.
AlicenseBqualityDmaintenanceA Model Context Protocol server that enables interaction with Bitcoin Stamps data via the Stampchain API, providing tools for querying stamp information, collections, and blockchain data without requiring authentication.Last updated13MITWhy this server?
Default styling layer used across all generated frameworks with brand identity integration.

@forgespace/ui-mcpofficial
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.Last updated381391MITWhy this server?
Generates and displays UI component designs using Tailwind CSS framework, allowing users to visually compare and select from multiple design variations
AlicenseBqualityDmaintenanceEnables AI assistants to present multiple UI component designs in a browser for visual selection, with AI-powered design generation using MiniMax-M2.1 from natural language prompts or manual HTML input.Last updated1134MITWhy this server?
Fetches and converts Tailwind CSS documentation to Markdown format with enhanced content processing and analytics.
AlicenseBqualityDmaintenanceFetches website content and converts it to Markdown format with AI-powered content cleanup, ad removal, and full OpenAPI/Swagger specification support for easy processing by AI assistants.Last updated4164MITWhy this server?
Converts colors to Tailwind CSS class names for utility-first CSS framework integration
AlicenseBqualityDmaintenanceEnables 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.Last updated25MITWhy this server?
Core integration providing comprehensive Tailwind CSS tools for component generation, class optimization, and theme creation
AlicenseBqualityDmaintenanceAdvanced 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.Last updated1011MITWhy this server?
Provides curated knowledge and styling patterns for Tailwind CSS.
AlicenseBqualityAmaintenance104 high quality skill packs across 20+ tech stacks. 1,284 curated chunks. 104 validated discoveries. Every piece reviewed, cross-validated, and myth-busted.Last updated188MIT