Generate or inspect a Tailwind CSS configuration file. Reads existing config or creates one from CSS tokens in your project.
MIT
304,812 tools. Last updated 2026-07-21 13:54
"Tailwind CSS" matching MCP tools:
- Extract design tokens from CSS, SCSS, Tailwind config, or Figma files to inventory them before generating a Tailwind config or component scaffold.MIT
- Select the CSS framework for class generation. Options: Tailwind, Bootstrap, UnoCSS, Tachyons.MIT
- Renders UI components to screenshots across Chromium, Firefox, and WebKit without a dev server. Built-in Tailwind CSS support for quick visual verification.MIT
- Generate a complete project boilerplate with ML-composed pages for React, Next.js, Vue, Angular, Svelte, or HTML with Tailwind CSS and optional state management.MIT
- Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.MIT
Matching MCP Servers
- FlicenseBqualityDmaintenanceFinds the closest Tailwind CSS palette colors to any given CSS color value. Supports multiple color spaces and customizable result filtering to help match designs to Tailwind's color system.Last updated1
- 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 updated1011MIT
Matching MCP Connectors
- HTML/CSS to ImageOAuth
An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.
rnv-color-mcp, a hosted color-workflow MCP server (Python, Streamable HTTP). Tools: mix (including Kubelka-Munk paint physics), convert between formats, generate harmonies, transform text case, and save/list/get named palettes. It resolves hex / CSS / custom brand color names and refuses unknown colors rather than guessing.
- Retrieve the integration guide for using Tailwind CSS with PrimeNG components in Angular applications.MIT
- Compose multi-layer CSS box-shadow declarations with per-layer offset, blur, spread, color, opacity, and inset settings. Includes HTML preview and CSS, SCSS, Tailwind snippets.MIT
- Export design tokens as CSS custom properties, Tailwind config, or Figma Variables JSON, with optional file output.MIT
- Export design tokens from active UI presets to CSS, JavaScript, JSON, or Tailwind formats for consistent styling across projects.MIT
- Create a complete brand kit with color palettes, typography pairings, and design tokens from company details and aesthetic preferences. Outputs in JSON, CSS, or Tailwind formats with WCAG accessibility scoring.MIT
- Export a colour palette to CSS custom properties, Figma tokens, Tailwind config, ASE hex list, or JSON. Colours are automatically named from the archive.MIT
- Produce CSS variables, Tailwind config, Figma tokens, citation cards, and a Markdown brand guide from a color palette for brand teams.MIT
- Converts hex colors into developer token formats such as CSS variables, kebab-case, camelCase, PascalCase, Tailwind classes, TypeScript const, and SCSS variables, using archive-grounded naming with color distance.MIT
- Generate React, Vue, Svelte, Astro, or HTML code from a section pattern ID. Choose framework, TypeScript/JavaScript, and Tailwind/Vanilla CSS options for responsive output.AGPL 3.0
- Export design tokens as CSS custom properties, SCSS variables, Tailwind config, W3C or JSON. Specify context and category for targeted output.MIT
- Generate a complete typography system from font selection and modular scale. Output includes CSS custom properties, Tailwind config, and Google Fonts embed HTML.MIT
- Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.MIT
- Retrieve a Penpot board via URL and convert its design into Tailwind CSS code to accelerate front-end development.MIT
- Create Tailwind CSS components using AI assistance. Specify component type, framework, and styling options to generate responsive, accessible UI elements.MIT