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

icon-eye-dark Created with Sketch. 563
React Hyper Fetch Data Fetching Library
icon-eye-dark Created with Sketch. 448
Sentry for React React Application Monitoring
💙 Sponsored by Friends
image-koala Created with Sketch.
Make this Koala happy and follow us on X!
TanStack Query React Asynchronous State Management
icon-eye-dark Created with Sketch. 990
React Helmet Document Head Manager
icon-eye-dark Created with Sketch. 830