NativeWind
Like
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.
Cost / License
- Free
- Open Source
Application type
Platforms
- React
- Self-Hosted
- Tailwind CSS
- React Native
Features
- Design System
- React Native
- Code Completion
- React
Tags
- tailwindui
- Developer Tools
- react-ui
- tailwindcss
- react-library
- react-ui-toolkit
- react-framework
- Tailwind
- react-native-ui
NativeWind News & Activities
Highlights All activities
Recent activities
obaidUrRahmaan added NativeWind as alternative to Yugen
POX added NativeWind as alternative to Datastar- POX added NativeWind as alternative to Lavandula
- POX added NativeWind as alternative to Axum
NativeWind information
Developed by
NativeWindLicensing
Open Source (MIT) and Free product.Written in
Alternatives
19 alternatives listedSupported Languages
- English
AlternativeTo Category
DevelopmentGitHub repository
- 7,392 Stars
- 366 Forks
- 84 Open Issues
- Updated
No comments or reviews, maybe you want to be first?
Post comment/reviewWhat is 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