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

BLK Design System React Free React Design System for Bootstrap 4
icon-eye-dark Created with Sketch. 1.601
React Hooks Testing Library Hooks Testing Utilities
icon-eye-dark Created with Sketch. 409
Sentry for React React Application Monitoring
💙 Sponsored by Friends
image-chart Created with Sketch.
Looking for a React.js Admin Template? Find the best ones here!
React Error Boundary Reusable Error Boundary Component
icon-eye-dark Created with Sketch. 222
Jōtai State Management Library
icon-eye-dark Created with Sketch. 739