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
199,068 tools. Last updated 2026-06-13 11:06
"Official Documentation for Tailwind CSS" matching MCP tools:
- Reads an existing Tailwind config or generates one from CSS tokens in your project. Use to bootstrap a Tailwind configuration from existing styles.MIT
- Extract design tokens from CSS/SCSS/Tailwind config to inventory colors, typography, spacing, and breakpoints before generating a Tailwind config or component scaffold.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
- Select the CSS framework for class generation. Options: Tailwind, Bootstrap, UnoCSS, Tachyons.MIT
Matching MCP Servers
- Alicense-qualityCmaintenanceEnables CSS analysis with 150+ metrics, MDN documentation retrieval, and browser compatibility checks for CSS properties.Last updatedBSD 3-Clause
- Flicense-qualityDmaintenanceProvides access to SvelteKit and Tailwind CSS documentation, code snippets, and component examples with secure file operations and caching for building modern web applications.Last updated10
Matching MCP Connectors
MCP server for Vonage API documentation, code snippets, tutorials, and troubleshooting.
Search Qt 6 API and product docs (Qt Core, Qt Quick, Qt Creator, Boot to Qt, MCUs).
- Search across Ember.js API docs, guides, and community content to find official documentation for your queries.MIT
- Generate code from a section pattern ID. Select framework (React, Vue, Svelte, Astro, HTML), TypeScript/JavaScript, Tailwind/Vanilla CSS, and responsive breakpoints.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
- Retrieve a Penpot board via URL and convert its design into Tailwind CSS code to accelerate front-end development.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 the integration guide for using Tailwind CSS with PrimeNG components in Angular applications.MIT
- Access official Yapy Network skill documentation and rules to understand platform guidelines and functionality.MIT
- Optimize and clean up Tailwind CSS classes in HTML by removing redundant styles, resolving conflicts, and suggesting better alternatives.MIT
- Generate Tailwind CSS configuration, plugins, and utility classes from color palettes for web development projects.MIT
- Convert CSS, SCSS, or HTML styles into optimized Tailwind CSS utility classes for streamlined development workflows.MIT
- Create Tailwind CSS components using AI assistance. Specify component type, framework, and styling options to generate responsive, accessible UI elements.MIT
- Generate responsive layouts with Tailwind CSS for dashboards, landing pages, blogs, ecommerce sites, portfolios, and documentation. Specify layout sections and complexity to create HTML, React, Vue, or Svelte components.MIT
- Extract design tokens from Tailwind CSS configuration files to create universal theme values for cross-platform design systems.MIT