Nativewind v5
pre-release

Check out the new features and improvements in the preview version of Nativewind.

Github Blog Showcase Resources llms.txt llms-full.txt Hire Us

Getting Started

Overview Installation Editor Setup Troubleshooting

Guides

Using with Monorepos Writing Custom Components Styling Third-Party Components Themes Custom Fonts Other Bundlers

Core Concepts

Built on Tailwind CSS Quirks Responsive Design States & Pseudo-classes Dark Mode Functions & Directives

React Native Concepts

Units Platform Differences Style Specificity Safe Area Insets

Customization

Configuration Content Theme Colors

API

withNativeWind vars() & useUnstableNativeVariable()useColorScheme()remapProps cssInterop

Layout

Aspect Ratio Box Decoration Break Box Sizing Break After Break Before Break Inside Clear Columns Container Display Floats Isolation Object Fit Object Position Overflow Overscroll Behavior Position Top / Right / Bottom / Left Visibility Z-Index

Flexbox & Grid

Align Content Align Items Align Self Flex Flex Basis Flex Direction Flex Grow Flex Shrink Flex Wrap Gap Grid Auto Columns Grid Auto Flow Grid Auto Rows Grid Column Start / End Grid Row Start / End Grid Template Columns Grid Template Rows Justify Content Justify Items Justify Self Order Place Items Place Content Place Self

Spacing

Margin Padding Space Between

Sizing

Height Max-Height Max-Width Min-Height Min-Width Width

Typography

Content Font Family Font Size Font Smoothing Font Style Font Variant Numeric Font Weight Hyphens Letter Spacing Line Clamp Line Height List Style Image List Style Position List Style Type Text Transform Text Color Text Decoration Text Decoration Color Text Decoration Style Text Decoration Thickness Text Indent Text Overflow Text Align Text Underline Offset Vertical Align Whitespace Word Break

Backgrounds

Background Attachment Background Clip Background Color Background Image Background Origin Background Position Background Repeat Background Size Gradient Color Stops

Borders

Border Color Border Radius Border Style Border Width Divide Color Divide Style Divide Width Outline Color Outline Offset Outline Style Outline Width Ring Color Ring Offset Color Ring Offset Width Ring Width

Effects

Background Blend Mode Box Shadow Box Shadow Color Mix Blend Mode Opacity

Transitions & Animation

Animation Transition Delay Transition Duration Transition Property Transition Timing Function

Transforms

Rotate Scale Skew Transform Origin Translate

Interactivity

Accent Color Appearance Caret Color Cursor Pointer Events Resize Scroll Behavior Scroll Margin Scroll Padding Scroll Snap Align Scroll Snap Stop Scroll Snap Type Touch Action User Select Will Change

SVG

Fill Stroke Stroke Width

Accessibility

Plugins

Container Queries

Last updated on January 10, 2026

_install helper

You will need to install nativewind and its peer dependencies tailwindcss, react-native-reanimated and react-native-safe-area-context.

npm install nativewind react-native-reanimated react-native-safe-area-context
npm install --dev tailwindcss@^3.4.17 prettier-plugin-tailwindcss@^0.5.11