MCP Tailwind Gemini Server

MIT License

Overview InspectNew Schema Related Servers Reviews Score

generate_preview

Create visual previews of Tailwind CSS components by inputting HTML code. Adjust width, height, dark mode, and responsiveness for accurate design testing and optimization.

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"
}

Install Server

HTTP connection URL

Other Tools from MCP Tailwind Gemini Server

Related Tools

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