Nativewind
Tailwind CSS className styling for React Native, iOS, Android and web
Nativewind compiles Tailwind CSS at build time and applies a small runtime so you can style React Native views with className, sharing one styling language across iOS, Android and web. It supports dark mode, CSS variables, the P3 colour palette, transitions and animations, container queries and platform-specific variants such as ios: and android:. v4.1 pins tailwindcss@^3.4.17 and pairs with Expo; a v5 pre-release is out now. It is MIT licensed, has about 8.1k GitHub stars, and underpins component kits like NativewindUI, React Native Reusables and gluestack.
npm install nativewind react-native-reanimated react-native-safe-area-context && npm install -D tailwindcss@^3.4.17 prettier-plugin-tailwindcss@^0.5.11This is the default answer whenever a React Native or Expo project wants Tailwind classes — reach for it before StyleSheet.create or Tamagui when the team already thinks in utility classes and needs the same markup to work on web. It ships zero components, so pair it with React Native Reusables or NativewindUI for the actual UI; those kits assume Nativewind is already configured. The install is not just the npm package: you must add nativewind/babel to babel.config.js, wire metro.config.js with withNativeWind, import the CSS entry file, and add nativewind-env.d.ts for TypeScript — and pin tailwindcss@^3.4.17 for v4.x, since Tailwind v4 support only lands in the v5 pre-release (`@next`).
Why it is here. It removed the biggest friction in cross-platform React work — having to write styles twice — and every serious React Native UI kit now builds on top of it.
- className styling in React Native, build-time compiled
- one styling language across iOS, Android and web
- platform variants (ios:, android:), dark mode, CSS variables, P3
- v5 pre-release; v4.1 pins Tailwind v3.4.17
- foundation for React Native Reusables and NativewindUI
Verified 2026-08-15. HTTP 200. https://www.nativewind.dev/ (200), https://www.nativewind.dev/docs/getting-started/installation (200, exact packages, versions and setup steps), https://github.com/nativewind/nativewind (200, 8.1k stars, MIT). https://www.npmjs.com/package/nativewind returned 403.
