Nativewind v5
pre-release

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

v4
Docs
GithubBlogShowcaseResourcesllms.txtllms-full.txtHire Us

Getting Started

OverviewInstallationEditor SetupTroubleshooting

Guides

Migrate from v4Using with MonoreposWriting Custom ComponentsStyling Third-Party ComponentsThemesOther Bundlers

Core Concepts

Built on Tailwind CSSResponsive DesignStates & Pseudo-classesDark ModeFunctions & Directives

React Native Concepts

UnitsStyle SpecificitySafe Area Insets

Customization

ConfigurationThemeColors

API

withNativewindstyledvars() & useUnstableNativeVariable()useColorSchemecssInterop & remapProps

Layout

Aspect RatioBox Decoration BreakBox SizingBreak AfterBreak BeforeBreak InsideClearColumnsContainerDisplayFloatIsolationObject FitObject PositionOverflowOverscroll BehaviorPositionTop / Right / Bottom / LeftVisibilityZ-Index

Flexbox & Grid

Align ContentAlign ItemsAlign SelfFlexFlex BasisFlex DirectionFlex GrowFlex ShrinkFlex WrapGapGrid Auto ColumnsGrid Auto FlowGrid Auto RowsGrid Column Start / EndGrid Row Start / EndGrid Template ColumnsGrid Template RowsJustify ContentJustify ItemsJustify SelfOrderPlace ContentPlace ItemsPlace Self

Spacing

MarginPaddingSpace Between

Sizing

HeightMax-HeightMax-WidthMin-HeightMin-WidthWidth

Typography

ContentFont FamilyFont SizeFont SmoothingFont StyleFont Variant NumericFont WeightHyphensLetter SpacingLine ClampLine HeightList Style ImageList Style PositionList Style TypeText AlignText ColorText DecorationText Decoration ColorText Decoration StyleText Decoration ThicknessText IndentText OverflowText TransformText Underline OffsetVertical AlignWhitespaceWord Break

Backgrounds

Background AttachmentBackground ClipBackground ColorBackground ImageBackground OriginBackground PositionBackground RepeatBackground SizeGradient Color Stops

Borders

Border ColorBorder RadiusBorder StyleBorder WidthDivide ColorDivide StyleDivide WidthOutline ColorOutline OffsetOutline StyleOutline WidthRing ColorRing Offset ColorRing Offset WidthRing Width

Effects

Background Blend ModeBox ShadowBox Shadow ColorMix Blend ModeOpacity

Transitions & Animation

AnimationTransition DelayTransition DurationTransition PropertyTransition Timing Function

Transforms

RotateScaleSkewTransform OriginTranslate

Interactivity

Accent ColorAppearanceCaret ColorCursorPointer EventsResizeScroll BehaviorScroll MarginScroll PaddingScroll Snap AlignScroll Snap StopScroll Snap TypeTouch ActionUser SelectWill Change

SVG

FillStrokeStroke Width

Filters

Backdrop BlurBackdrop BrightnessBackdrop ContrastBackdrop GrayscaleBackdrop Hue RotateBackdrop InvertBackdrop OpacityBackdrop SaturateBackdrop SepiaBlurBrightnessContrastDrop ShadowGrayscaleHue RotateInvertSaturateSepia

Tables

Border CollapseBorder SpacingCaption SideTable Layout

Accessibility

Screen Readers

Plugins

Container Queries
Docs

Last updated on February 20, 2026

Other Bundlers

Edit

Coming soon

Themes

Previous Page

Built on Tailwind CSS

Next Page