nativewind/nativewind
The utility-first workflow you love from Tailwind CSS in your React Native applications. observed · 2026-08-28
Health v2 · maintenance only
93/100
- Activity 93
- Release rhythm 89
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 8.5
- age_days: 1614
- days_rel: 72
- days_push: 47
- n_releases_24m: 11
Adoption not part of the score
8063 stars · 401 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
NativeWind is a styling library that brings the Tailwind CSS utility-first workflow to React Native and React Native Web applications. It compiles styles at build time using the Tailwind compiler and applies them through a small runtime, using the best style engine (CSS or StyleSheet.create) for each platform.
Use cases
- style react native apps with tailwind css classes
- share styling between react native and web with react-native-web
- add dark mode support to a react native app
- use tailwind utility classes in an expo project
- apply responsive and media-query-based styles in react native
- use css variables and animations in react native styling
- migrate a web tailwind codebase to mobile
When to choose
- you already know and love Tailwind CSS and are building React Native or Expo apps
- you want consistent utility-first styling across iOS, Android, and web
- you want build-time style computation with a minimal runtime for performance
- you need dark mode, media queries, CSS variables, or animations in React Native
When to avoid
- you prefer React Native's StyleSheet API or a component library with prebuilt styled components
- your project does not use React Native or React Native Web
- you need pixel-perfect parity with every Tailwind CSS web feature, since some CSS features have platform quirks
- you want a production-ready v5 experience, as v5 is still a pre-release
Facets
library · maturity active
css-framework ui-components frontend-framework mobile-development web-development frontend cross-platform cross-platform tailwindcss react-native react-native-web styling utility-first expo dark-mode build-time-styles ios android web nodejs
9 sources
- readme: https://github.com/nativewind/nativewind · fetched 2026-08-28 · 456630ae2981
- homepage: https://nativewind.dev · fetched 2026-08-29 · c564d9765816
- site_page: https://www.nativewind.dev/docs/getting-started/installation · fetched 2026-08-29 · 471514d41838
- site_page: https://www.nativewind.dev/docs/core-concepts/dark-mode · fetched 2026-08-29 · dc8a7dd99ee8
- site_page: https://www.nativewind.dev/docs/customization/colors · fetched 2026-08-29 · ba5094305a03
- site_page: https://www.nativewind.dev/docs/guides/themes · fetched 2026-08-29 · edad0a54ae40
- site_page: https://www.nativewind.dev/docs/tailwind/transitions-animation/animation · fetched 2026-08-29 · cfbe69536d84
- site_page: https://www.nativewind.dev/docs · fetched 2026-08-29 · 00430a97e57b
- site_page: https://www.nativewind.dev/v5 · fetched 2026-08-29 · e8d85a0deca2
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| nativewind/nativewind | main | 93 |
For agents
markdown · JSON · MCP: product_card(name="nativewind/nativewind")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem