MCP Hub
Back to servers

Tailwind to NativeWind

A specialized MCP server that automates the transformation of Tailwind CSS components into NativeWind 4 compatible code for React Native development.

Stars
9
Forks
2
Tools
3
Updated
Dec 21, 2024
Validated
Jan 11, 2026

@modelcontextprotocol/server-nativewind

MCP server for transforming Tailwind components to NativeWind 4.

Installation

npm install -g @modelcontextprotocol/server-nativewind

Usage

As a CLI tool

mcp-nativewind

In Claude for Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "nativewind-transformer": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-nativewind"]
    }
  }
}

Available Tools

  1. transform-component: Transform a single component
  2. transform-directory: Transform all components in a directory
  3. analyze-component: Analyze Tailwind usage

Development

  1. Clone the repository
  2. Install dependencies: npm install
  3. Build the project: npm run build
  4. Run tests: npm test

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT

Reviews

No reviews yet

Sign in to write a review