made with react.js

NativeWind

Utility-first Styling System for React Native

Visit Site

Description

Utility-first Styling System for React Native

"Do you like using Tailwind CSS to style your apps? This helps you do that in React Native. Nativewind is not a component library, it's a styling library. If you're looking for component libraries that support Nativewind, see below.

Nativewind makes sure you're using the best style engine for any given platform (e.g. CSS StyleSheet or StyleSheet.create). Its goals are to to provide a consistent styling experience across all platforms, improving developer UX, component performance, and code maintainability.

Nativewind processes your styles during your application's build step and uses a minimal runtime to selectively apply reactive styles (eg changes to device orientation, light dark mode)."


Creator

Mark Lawlor


Social Media Links

Wanda Design System
icon-eye-dark Created with Sketch. 521
React Loadable Loading Components with Promises
icon-eye-dark Created with Sketch. 423
Sentry for React React Error Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
React Scroll Rotate Rotate elements based on scroll position
icon-eye-dark Created with Sketch. 3.211
React Suite UI Framework
icon-eye-dark Created with Sketch. 3.251