← All libraries

NativeWind

JavaScript
↗ Official site

CSS & styling

Use Tailwind CSS classes in your React Native app.

What it does

NativeWind brings Tailwind's utility classes to React Native. If you know Tailwind from web development, you can style mobile apps the same way.

When to use it

Use this when building a React Native app and you want to use Tailwind-style utility classes for styling.

Real example

You know Tailwind from web and want to style your React Native app the same way. Prompt: 'Install NativeWind and configure it in babel.config.js. Style the profile card View with className="bg-white rounded-2xl p-4 shadow-md" and the username Text with className="text-lg font-semibold text-gray-900".'

Good to know

Requires React Native / Expo. Makes mobile styling feel much more like web styling.

Alternatives

StyleSheet (built-in) styled-components

Install

$ npm install nativewind

Use cases

mobile stylingTailwindReact Nativeutility classes

Language

JavaScript

Category

CSS & styling

More in CSS & styling

Other tools in the same category

CSS Tailwind CSS

Style your UI with short utility classes directly in your HTML.

stylingutility CSSresponsive design
CSS UnoCSS

Instant, on-demand atomic CSS — like Tailwind but faster and more flexible.

utility CSSatomic CSSfast build
CSS Open Props

CSS custom properties (variables) for consistent design tokens.

design tokensCSS variablesdesign system
CSS Sass / SCSS

CSS with superpowers — variables, nesting, mixins, and more.

CSSstylingvariables