MCP Tailwind Gemini Server

MIT License

Overview InspectNew Endpoints Schema Related Servers Reviews Score

generate_preview

Create visual previews of Tailwind CSS components by inputting HTML code. Customize dimensions, enable dark mode, and generate responsive breakpoint views for design validation.

Instructions

Generate visual preview of Tailwind components

Input Schema

Name	Required	Description
`darkMode`	No	Generate dark mode preview
`height`	No	Preview height in pixels
`html`	Yes	HTML code to preview
`responsive`	No	Generate responsive breakpoint previews
`width`	No	Preview width in pixels

Input Schema (JSON Schema)

{
  "properties": {
    "darkMode": {
      "default": false,
      "description": "Generate dark mode preview",
      "type": "boolean"
    },
    "height": {
      "default": 600,
      "description": "Preview height in pixels",
      "type": "number"
    },
    "html": {
      "description": "HTML code to preview",
      "type": "string"
    },
    "responsive": {
      "default": false,
      "description": "Generate responsive breakpoint previews",
      "type": "boolean"
    },
    "width": {
      "default": 800,
      "description": "Preview width in pixels",
      "type": "number"
    }
  },
  "required": [
    "html"
  ],
  "type": "object"
}

This server cannot be installed

Other Tools from MCP Tailwind Gemini Server

Related Tools

generate_component
@Tai-DT/mcp-tailwind-gemini
create_layout
@Tai-DT/mcp-tailwind-gemini
create_theme
@Tai-DT/mcp-tailwind-gemini
convert_to_tailwind
@Tai-DT/mcp-tailwind-gemini
optimize_classes
@Tai-DT/mcp-tailwind-gemini
create_project
@Tai-DT/mcp-tailwind-gemini

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Tai-DT/mcp-tailwind-gemini'

If you have feedback or need assistance with the MCP directory API, please join our Discord server