NativeWind

NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native. NativeWind components can be shared between platforms and will output their styles as CSS StyleSheet on web and StyleSheet.create for native.

Its goals are to provide a consistent styling experience across all platforms, improve Developer UX and code maintainability.

NativeWind achieves this by pre-compiling your styles and uses a minimal runtime to selectively apply responsive styles.

Key features:

• Universal Uses the best style system for each platform.
• Precompiled Uses the Tailwind CSS compile, styles are generated at build time
• Fast runtime Small runtime keeps everything fast
• DevUX Plugins for simple setup and improving intellisense support
• Lots of features dark mode / arbitrary classes / media queries / themes / custom values / plugins
• Pseudo classes hover / focus / active on compatible components
• Parent state styles automatically style children based upon parent pseudo classes