Nativewind

Transforms Tailwind components into NativeWind 4 format to streamline migration and component reuse.

typescript

9

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

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

You can transform Tailwind components into NativeWind 4-compatible components using this MCP server. It exposes a straightforward CLI you can run locally, and it can be integrated into multi-tool workflows to automate component transformations across your project.

How to use

To use this MCP server from an MCP client, install the server globally and run the provided CLI. You can also wire it into automation or desktop tools that support MCP servers.

How to install

Prerequisites you need before installing are a working Node.js environment with npm.

Install the MCP server globally with npm.

Verify the installation by running the CLI and confirming it responds.

Available tools

transform-component

Transform a single component from Tailwind syntax to NativeWind 4 compatible syntax.

transform-directory

Transform all components within a directory, preserving structure and applying NativeWind 4 rules.

analyze-component

Analyze Tailwind usage in a component to identify optimization opportunities and compatibility issues with NativeWind 4.