tailwind to nativewind.com
tailwind to nativewind.com logo

Tailwind to NativeWind

Transforms Tailwind components to NativeWind 4 for React Native.

Created byApr 23, 2025

@modelcontextprotocol/server-nativewind

MCP server for transforming Tailwind components to NativeWind 4.

Installation

Usage

As a CLI tool

In Claude for Desktop

Add to your `claude_desktop_config.json`:

Available Tools

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

Development

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

Contributing

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

License

MIT