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?
Default styling layer used across all generated frameworks with brand identity integration.
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.3865 npm2MITWhy 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.13MITWhy this server?
Generates Tailwind CSS-styled form components for use with SounnyForms.

sounnyforms-mcpofficial
AlicenseAqualityCmaintenanceEnables AI agents to submit and triage leads via email, check endpoint health, and generate production-ready form code across multiple frameworks without requiring API keys.416 npmMITWhy this server?
Allows searching for and retrieving boilerplate files for Tailwind CSS projects.
AlicenseAqualityAmaintenanceEnables searching and browsing a curated matrix of 100+ engineering tools by name, tag, or use case, and retrieving ready-to-use boilerplate files for 30+ popular stacks.36 npm2MITWhy this server?
Tested on Tailwind CSS Next.js site, detects accessibility, performance, and resource-related bugs through automated exploratory testing.
AlicenseAqualityAmaintenanceAI-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.292MITWhy this server?
Provides curated knowledge and styling patterns for Tailwind CSS.
AlicenseBqualityCmaintenance104 high quality skill packs across 20+ tech stacks. 1,284 curated chunks. 104 validated discoveries. Every piece reviewed, cross-validated, and myth-busted.188MITWhy this server?
Extracts design tokens into a complete tailwind.config.ts from a screen.
AlicenseBqualityDmaintenanceComprehensive MCP server for Google Stitch with 36 tools covering design-to-code workflows, including screen generation, code extraction, design analysis, and project management.4486 npm5MITWhy 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.1011MITWhy 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.25MIT