Tailwind CSS

MCP Servers for Tailwind CSS

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

View all MCP Servers

Why this server?
Provides code generation for UI components styled with Tailwind CSS to display Bitcoin Stamps data and collections.
Stampchain MCP Serverofficial
stampchain-io
A
security
A
license
A
quality
A 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 updated -
13
TypeScript
MIT License
Why this server?
Uses Tailwind CSS for styling the web dashboard interface
Ultra MCP
RealMikeChong
A
security
A
license
A
quality
A Model Context Protocol server that exposes OpenAI and Gemini AI models through a single interface, allowing tools like Claude Code and Cursor to access multiple AI providers with built-in usage analytics.
Last updated -
18
1,160
166
TypeScript
MIT License
Why this server?
Offers integration with Tailwind CSS styling in the icon usage examples, as Heroicons is designed by the makers of Tailwind CSS.
heroicons-mcp
SeeYangZhi
A
security
A
license
A
quality
heroicons-mcp
Last updated -
3
8
TypeScript
MIT License
Why this server?
Core integration providing comprehensive Tailwind CSS tools for component generation, class optimization, and theme creation
MCP Tailwind Gemini Server
Tai-DT
A
security
A
license
A
quality
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.
Last updated -
10
3
TypeScript
MIT License
Why this server?
Leverages Tailwind CSS for mobile-responsive design in generated HTML reports
𓂀𓁢𓋹𝔸ℕ𝕌𝔹𝕀𝕊𓋹𓁢𓂀 - Intelligent Guidance for
Hive-Academy
A
security
A
license
A
quality
Hey @roocode community! I'm thrilled to share a project born from my work with Roocode and the vision of an AI-powered development team: the Anubis MCP Server! This system is heavily inspired by Roocode and designed to orchestrate an AI development workflow based on agile methodology. It simulates
Last updated -
16
34
118
TypeScript
MIT License
Why this server?
Includes modern UI examples with Tailwind CSS for DeSo applications, demonstrated in the complete messaging application example.
DeSo MCP Serverofficial
deso-protocol
A
security
F
license
A
quality
A 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.
Last updated -
8
4
JavaScript
Why this server?
Used in conjunction with Ant Design for styling and layout of the UI components.
MCP Todoist
kentaroh7777
A
security
A
license
A
quality
A Model Context Protocol server implementation compatible with Todoist API, allowing AI agents to interact with task management functionality through standardized MCP tools.
Last updated -
5
3
1
TypeScript
MIT License
Why this server?
Includes design system and UI/UX patterns based on Tailwind CSS for styling the application
Quranic Etymology Explorer
MautasseM01
A
security
F
license
A
quality
AI-powered educational platform for analyzing Quranic words through etymology, frequency patterns, and cross-linguistic research, providing complete project context for AI-assisted development.
Last updated -
4
JavaScript
Why this server?
Uses Tailwind CSS for styling the web interface
DevEx MCP Server
ParthKapoor-dev
-
security
A
license
-
quality
AI-powered cloud development IDE, so you can run AI to surf in a secure sandbox environment.
Last updated -
55
TypeScript
MIT License
Why this server?
Styles the frontend components of the fashion recommender interface.
FastMCP_RecSys
attarmau
-
security
A
license
-
quality
A CLIP-Based Fashion Recommender system that allows users to upload clothing images and receive tags and recommendations based on visual analysis.
Last updated -
Python
Apache 2.0
Why this server?
Offers utility-first CSS styling for the user interface of the MCP MIDI Bridge
MCP MIDI Bridge
tezza1971
-
security
A
license
-
quality
An Electron desktop application that bridges LLM-driven music generation with DAWs by converting NoteSequence JSON from AI models into MIDI data that can be played, recorded, and manipulated in any digital audio workstation.
Last updated -
1
TypeScript
Apache 2.0
Why this server?
Applies Tailwind CSS classes to generated React components based on the styles defined in the Figma designs.
MCP Figma to React Converter
StudentOfJS
-
security
A
license
-
quality
Converts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.
Last updated -
43
TypeScript
MIT License
Why this server?
Utilizes Tailwind CSS for styling the React frontend interface, enabling rapid UI development with utility-first CSS.
React Tailwind Views MCP Server
deco-cx
-
security
F
license
-
quality
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.
Last updated -
3
TypeScript
Why this server?
Used for styling the frontend interface of the MCP server, allowing for rapid UI development with utility classes.
React + Tailwind MCP Server Template
igorbrasileiro
-
security
F
license
-
quality
A full-stack template for building Model Context Protocol (MCP) servers with a modern React frontend, allowing developers to create AI agent tools and workflows while providing a beautiful web interface.
Last updated -
0
TypeScript
Why this server?
Provides utility-first CSS framework for styling the responsive UI
MCP Chat Support System
ChiragPatankar
-
security
F
license
-
quality
A comprehensive customer support platform featuring real-time messaging, knowledge base management, and a multi-tenant architecture with both React frontend and Node.js backend.
Last updated -
TypeScript
Why this server?
Provides styling and responsive design for the MCP client interface
MCP Fullstack Application
asif-reh
-
security
F
license
-
quality
A complete fullstack application that demonstrates Model Context Protocol integration for AI assistants to securely connect to external data sources and tools, providing task management functionality with a Convex backend and Remix frontend.
Last updated -
TypeScript
Why this server?
Supports styling of generated components with Tailwind CSS, including analysis and mapping of styles for bidirectional synchronization with design tools.
MCP Design System Bridge
brunonepomuceno
-
security
F
license
-
quality
Enables bidirectional synchronization between IDEs and Figma for Design System management, allowing developers to generate React components and synchronize design tokens, icons, and components across platforms.
Last updated -
TypeScript
Why this server?
Utilizes Tailwind CSS for styling the frontend interface with custom UI components
MCP Meeting Summary System
W87878
-
security
F
license
-
quality
An AI-powered meeting assistant that combines FastAPI backend with React frontend to generate high-quality meeting summaries and provide Q&A functionality using OpenAI and Selenium.
Last updated -
Python
Why this server?
Implements Tailwind CSS for the responsive design of the user interface.
MCP E-commerce Demo
uberr2000
-
security
F
license
-
quality
A Laravel-based Model Context Protocol demonstration that enables users to manage orders and query e-commerce data in Traditional Chinese through an AI-powered chat interface.
Last updated -
Why this server?
Incorporates Tailwind CSS classes in generated components for modern styling with CSS Grid and Flexbox
Enhanced Reablocks MCP Server
qdhenry
-
security
F
license
-
quality
A Model Context Protocol server that generates production-ready React components using the Reablocks design system through natural language processing.
Last updated -
2
TypeScript
Why this server?
The MCP Agents web interface is built using Tailwind CSS as mentioned in the 'Features of MCP Agents' section.
MCP Agents Server
MCPAgents
-
security
F
license
-
quality
Facilitates interaction and context sharing between AI models using the standardized Model Context Protocol (MCP) with features like interoperability, scalability, security, and flexibility across diverse AI systems.
Last updated -
1
Python

Stampchain MCP Serverofficial

DeSo MCP Serverofficial