A
licenseA
qualityA
maintenanceGenerates 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.
4
5
771 npm
77
MIT
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 complete Tailwind CSS color palettes (shades 50β950) from any input color, matching the project's Tailwind version (v4, v3, v2, v1). Provides tools to produce ready-to-paste palette code (e.g. a v4 @theme block, a v3 tailwind.config.js entry, or CSS variables) and to find the closest existing Tailwind color class to a given color (e.g. #db4d53 β red-500).
Why 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.411 npmMITWhy 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.3869 npm2MITWhy this server?
Integrates with Tailwind CSS through Basecoat CSS framework components that are built with Tailwind CSS integration.
AlicenseAqualityDmaintenanceProvides programmatic access to 30+ Basecoat CSS (HTML port of ShadCN UI) components with usage documentation, setup scripts, and theme switching code. Enables AI assistants to help developers build accessible HTML interfaces with forms, navigation, feedback, interactive, and layout components.736 npm12MITWhy this server?
Offers integration with Tailwind CSS styling in the icon usage examples, as Heroicons is designed by the makers of Tailwind CSS.
AlicenseAqualityDmaintenanceheroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons. It allows LLMs and agentic applications to search, list, and generate usage examples of icons in React applications.311 npmMITWhy this server?
Includes modern UI examples with Tailwind CSS for DeSo applications, demonstrated in the complete messaging application example.
DeSo MCP Serverofficial
FlicenseBqualityDmaintenanceA comprehensive Model Context Protocol server that transforms Cursor's AI assistant into a DeSo blockchain development expert, providing complete API coverage, debugging solutions, and code generation for DeSo applications.84-Why this server?
Used in conjunction with Ant Design for styling and layout of the UI components.
AlicenseBqualityDmaintenanceA Model Context Protocol server implementation compatible with Todoist API, allowing AI agents to interact with task management functionality through standardized MCP tools.518 npm1MITWhy this server?
Generates Tailwind CSS utility classes and responsive layouts, creates spacing/typography configurations, and provides tools for building responsive design patterns.
AlicenseBqualityCmaintenanceEnables AI-powered generation, customization, and documentation of its-just-ui React components. Provides tools for component generation, theme management, form creation, responsive layouts, and accessibility guidance.9235 npm4MIT
