Tailwind CSS v4 + NativeWind v5 for Expo

Overview

NativeWind v5 brings Tailwind CSS v4 to React Native, enabling a single styling system across iOS, Android, and web. It compiles Tailwind classes into React Native compatible styles at build time using react-native-css.

Core principle: Write Tailwind classes once, render natively on all platforms. NativeWind translates CSS concepts into React Native's styling system, not a webview.

When to Use

• Starting a new Expo/React Native project and want utility-first styling
• Porting a web app with Tailwind to React Native
• Building a universal app (iOS + Android + Web) with shared styling
• Wanting dark mode, responsive design, or theme variables without manual StyleSheet management

Installation

New Project