Generate or inspect a Tailwind CSS configuration file. Reads existing config or creates one from CSS tokens in your project.
MIT
458,161 tools. Updated 2026-08-15 06:41
"Official Documentation for 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
- Search Supabase official documentation using GraphQL queries to understand features, APIs, and best practices.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
- 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
Matching MCP Servers
- AlicenseAqualityFmaintenanceThis server integrates with Mozilla Developer Network (MDN) documentation to suggest CSS properties, check browser support, and provide implementation guidance with user consent mechanisms.414MIT
- Alicense-qualityCmaintenanceEnables CSS analysis with 150+ metrics, MDN documentation retrieval, and browser compatibility checks for CSS properties.1BSD 3-Clause
Matching MCP Connectors
What CSS you can actually ship today, from live Baseline data and MDN browser-compat-data.
MCP server for Vonage API documentation, code snippets, tutorials, and troubleshooting.
- 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
- Retrieve actual Tailwind design tokens for a given namespace to ensure generated components use only existing theme values.MIT
- Create a light-to-dark color ramp from any CSS color, including OKLCH values and WCAG contrast ratios per step. Optionally output as Tailwind JSON or CSS custom properties.MIT
- Generate responsive breakpoint systems with named breakpoints, container max-widths, and CSS media queries. Supports Tailwind, Bootstrap, Material, or custom presets with mobile-first or desktop-first strategies.MIT
- Select the CSS framework for class generation. Options: Tailwind, Bootstrap, UnoCSS, Tachyons.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
- Extracts design tokens defined in @theme blocks from a Tailwind v4 CSS file, returning a flat map of CSS custom properties for use in queries.MIT
- Search across Ember.js API docs, guides, and community content to find official documentation for your queries.MIT
- Produce CSS variables, Tailwind config, Figma tokens, citation cards, and a Markdown brand guide from a color palette for brand teams.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
- Export the complete design token set as CSS, JSON, SCSS, or Tailwind config. Supports dual themes and maintains consistency with component variable names.MIT
- Compiles role-based design tokens (color, typography, spacing, etc.) into JSON, CSS variables, Tailwind, or TypeScript, with light/dark modes, accent override, and WCAG contrast warnings.MIT