Nativewind v5
pre-release

This is a pre-release version of Nativewind. It is not intended for production use.

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

Getting Started

Overview Installation Editor Setup Troubleshooting

Guides

Migrate from v4 Using with Monorepos Writing Custom Components Styling Third-Party Components Dynamic Themes Custom Fonts Other Bundlers

Core Concepts

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

React Native Concepts

Units Style Specificity Safe Area Insets

Customization

Configuration Theme Colors

API

withNativewind styled vars() & useUnstableNativeVariable()useColorScheme cssInterop & remapProps

Layout

Aspect Ratio Box Decoration Break Box Sizing Break After Break Before Break Inside Clear Columns Container Display Float 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 Content Place Items 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 Align Text Color Text Decoration Text Decoration Color Text Decoration Style Text Decoration Thickness Text Indent Text Overflow Text Transform 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

Filters

Backdrop Blur Backdrop Brightness Backdrop Contrast Backdrop Grayscale Backdrop Hue Rotate Backdrop Invert Backdrop Opacity Backdrop Saturate Backdrop Sepia Blur Brightness Contrast Drop Shadow Grayscale Hue Rotate Invert Saturate Sepia

Tables

Border Collapse Border Spacing Caption Side Table Layout

Accessibility

Plugins

Container Queries

Last updated on February 22, 2026

_install helper

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

npx expo install nativewind@preview react-native-css react-native-reanimated react-native-safe-area-context