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

Tamagui UI Kit & Style System for React Native + Web
icon-eye-dark Created with Sketch. 1.655
ReactUseKit Collection of React Hooks & Helpers
icon-eye-dark Created with Sketch. 57
Sentry for React React Application Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Moon Design System React-based Design System
icon-eye-dark Created with Sketch. 1.303
REACT-VFX WebGL Effects for React Elements
icon-eye-dark Created with Sketch. 1.820