tailwind-react-native-classnames VS react-native-extended-stylesheet

tailwind-rn and twrnc are good options.

You can use tailwind in RN，https://github.com/jaredh159/tailwind-react-native-classnames

twrnc aka. tailwind-react-native-classnames instead of NativeWind, comparison. But twrnc doesn't have responsivity + SSR support.

While there are a few Tailwind packages well suited for React Native, I chose to use tailwind-react-native-classnames over tailwind-rn. tailwind- react-native-classnames is based on Classnames, a JavaScript utility that is used to improve Tailwind code on the Web, and therefore should be more familiar to developers using Tailwind CSS.

I wrote a comparison to twrnc https://github.com/jaredh159/tailwind-react-native-classnames/discussions/171, but since then the feature set of NativeWind has grown.

Posted a while back about a Tailwind + RN library I wrote, and got a pretty good response. Thought I'd let folks know I've released a complete re-write of the library with some slick new features that are super useful for RN development:

Like https://github.com/jaredh159/tailwind-react-native-classnames ?

My 2 cents: ditch that mindset and embrace Stylesheet. There’s some nice extensions like https://github.com/vitalets/react-native-extended-stylesheet that allow global variables and what not.

Not yet responsive, but planned responsive with react-native-media-queries, which makes pure CSS media queries also run on native (with device orientation). Since Magnus UI generates pure CSS media queries when run on web. They consider it more performant than using Fresnel. But the jury is out... Alternatively, it might be that Magnus UI will use react-native-extended-stylesheet as a drop-in replacement for the StyleSheet in React Native which also supports media queries on native.

This library is very handy as well https://github.com/vitalets/react-native-extended-stylesheet