# Nativewind v5 RC

Nativewind v5 is a release candidate using Tailwind CSS v4 and react-native-css.

Use the installation and migration pages for current package versions, setup and verification requirements. Page links below return Markdown generated from the same source as the website.

## Overview

- [Overview](https://www.nativewind.dev/v5.mdx): Nativewind v5 is a release candidate using Tailwind CSS v4 and react-native-css.

## Getting Started

- [Editor Setup](https://www.nativewind.dev/v5/getting-started/editor-setup.mdx)
- [Troubleshooting](https://www.nativewind.dev/v5/getting-started/troubleshooting.mdx)
- [Typescript](https://www.nativewind.dev/v5/getting-started/typescript.mdx)
- [Installation](https://www.nativewind.dev/v5/getting-started/installation/frameworkless.mdx)
- [Installation](https://www.nativewind.dev/v5/getting-started/installation.mdx)
- [Next.js](https://www.nativewind.dev/v5/getting-started/installation/nextjs.mdx)

## Guides

- [Writing Custom Components](https://www.nativewind.dev/v5/guides/custom-components.mdx)
- [Custom Fonts](https://www.nativewind.dev/v5/guides/custom-fonts.mdx): How to load and use custom fonts with Nativewind v5 and Expo
- [Upgrade a v5 preview](https://www.nativewind.dev/v5/guides/migrate-from-preview.mdx)
- [Migrate from v4](https://www.nativewind.dev/v5/guides/migrate-from-v4.mdx)
- [Other Bundlers](https://www.nativewind.dev/v5/guides/other-bundlers.mdx)
- [Dynamic Themes](https://www.nativewind.dev/v5/guides/themes.mdx)
- [Styling Third Party Components](https://www.nativewind.dev/v5/guides/third-party-components.mdx)
- [Using with Monorepos](https://www.nativewind.dev/v5/guides/using-with-monorepos.mdx): Learn how to set up Nativewind in monorepo environments like NX

## Core Concepts

- [Dark Mode](https://www.nativewind.dev/v5/core-concepts/dark-mode.mdx)
- [Functions & Directives](https://www.nativewind.dev/v5/core-concepts/functions-and-directives.mdx)
- [Responsive Design](https://www.nativewind.dev/v5/core-concepts/responsive-design.mdx)
- [States & Pseudo-classes](https://www.nativewind.dev/v5/core-concepts/states.mdx)
- [Style Specificity](https://www.nativewind.dev/v5/core-concepts/style-specificity.mdx)
- [Built on Tailwind CSS](https://www.nativewind.dev/v5/core-concepts/tailwindcss.mdx)
- [Units](https://www.nativewind.dev/v5/core-concepts/units.mdx)

## Customization

- [Colors](https://www.nativewind.dev/v5/customization/colors.mdx)
- [Configuration](https://www.nativewind.dev/v5/customization/configuration.mdx)
- [Theme](https://www.nativewind.dev/v5/customization/theme.mdx)

## API

- [Migrating cssInterop and remapProps](https://www.nativewind.dev/v5/api/css-interop.mdx)
- [styled](https://www.nativewind.dev/v5/api/styled.mdx)
- [useColorScheme](https://www.nativewind.dev/v5/api/use-color-scheme.mdx)
- [vars() & useUnstableNativeVariable()](https://www.nativewind.dev/v5/api/vars.mdx)
- [withNativewind](https://www.nativewind.dev/v5/api/with-nativewind.mdx)

## Tailwind CSS Utilities

- [Screen Readers](https://www.nativewind.dev/v5/tailwind/accessibility/screen-readers.mdx)
- [Background Attachment](https://www.nativewind.dev/v5/tailwind/backgrounds/background-attachment.mdx)
- [Background Clip](https://www.nativewind.dev/v5/tailwind/backgrounds/background-clip.mdx)
- [Background Color](https://www.nativewind.dev/v5/tailwind/backgrounds/background-color.mdx)
- [Background Image](https://www.nativewind.dev/v5/tailwind/backgrounds/background-image.mdx)
- [Background Origin](https://www.nativewind.dev/v5/tailwind/backgrounds/background-origin.mdx)
- [Background Position](https://www.nativewind.dev/v5/tailwind/backgrounds/background-position.mdx)
- [Background Repeat](https://www.nativewind.dev/v5/tailwind/backgrounds/background-repeat.mdx)
- [Background Size](https://www.nativewind.dev/v5/tailwind/backgrounds/background-size.mdx)
- [Gradient Color Stops](https://www.nativewind.dev/v5/tailwind/backgrounds/gradient-color-stops.mdx)
- [Border Color](https://www.nativewind.dev/v5/tailwind/borders/border-color.mdx)
- [Border Radius](https://www.nativewind.dev/v5/tailwind/borders/border-radius.mdx)
- [Border Style](https://www.nativewind.dev/v5/tailwind/borders/border-style.mdx)
- [Border Width](https://www.nativewind.dev/v5/tailwind/borders/border-width.mdx)
- [Divide Color](https://www.nativewind.dev/v5/tailwind/borders/divide-color.mdx)
- [Divide Style](https://www.nativewind.dev/v5/tailwind/borders/divide-style.mdx)
- [Divide Width](https://www.nativewind.dev/v5/tailwind/borders/divide-width.mdx)
- [Outline Color](https://www.nativewind.dev/v5/tailwind/borders/outline-color.mdx)
- [Outline Offset](https://www.nativewind.dev/v5/tailwind/borders/outline-offset.mdx)
- [Outline Style](https://www.nativewind.dev/v5/tailwind/borders/outline-style.mdx)
- [Outline Width](https://www.nativewind.dev/v5/tailwind/borders/outline-width.mdx)
- [Ring Color](https://www.nativewind.dev/v5/tailwind/borders/ring-color.mdx)
- [Ring Offset Color](https://www.nativewind.dev/v5/tailwind/borders/ring-offset-color.mdx)
- [Ring Offset Width](https://www.nativewind.dev/v5/tailwind/borders/ring-offset-width.mdx)
- [Ring Width](https://www.nativewind.dev/v5/tailwind/borders/ring-width.mdx)
- [Background Blend Mode](https://www.nativewind.dev/v5/tailwind/effects/background-blend-mode.mdx)
- [Box Shadow Color](https://www.nativewind.dev/v5/tailwind/effects/box-shadow-color.mdx)
- [Box Shadow](https://www.nativewind.dev/v5/tailwind/effects/box-shadow.mdx)
- [Mix Blend Mode](https://www.nativewind.dev/v5/tailwind/effects/mix-blend-mode.mdx)
- [Opacity](https://www.nativewind.dev/v5/tailwind/effects/opacity.mdx)
- [Backdrop Blur](https://www.nativewind.dev/v5/tailwind/filters/backdrop-blur.mdx)
- [Backdrop Brightness](https://www.nativewind.dev/v5/tailwind/filters/backdrop-brightness.mdx)
- [Backdrop Contrast](https://www.nativewind.dev/v5/tailwind/filters/backdrop-contrast.mdx)
- [Backdrop Grayscale](https://www.nativewind.dev/v5/tailwind/filters/backdrop-grayscale.mdx)
- [Backdrop Hue Rotate](https://www.nativewind.dev/v5/tailwind/filters/backdrop-hue-rotate.mdx)
- [Backdrop Invert](https://www.nativewind.dev/v5/tailwind/filters/backdrop-invert.mdx)
- [Backdrop Opacity](https://www.nativewind.dev/v5/tailwind/filters/backdrop-opacity.mdx)
- [Backdrop Saturate](https://www.nativewind.dev/v5/tailwind/filters/backdrop-saturate.mdx)
- [Backdrop Sepia](https://www.nativewind.dev/v5/tailwind/filters/backdrop-sepia.mdx)
- [Blur](https://www.nativewind.dev/v5/tailwind/filters/blur.mdx)
- [Brightness](https://www.nativewind.dev/v5/tailwind/filters/brightness.mdx)
- [Contrast](https://www.nativewind.dev/v5/tailwind/filters/contrast.mdx)
- [Drop Shadow](https://www.nativewind.dev/v5/tailwind/filters/drop-shadow.mdx)
- [Grayscale](https://www.nativewind.dev/v5/tailwind/filters/grayscale.mdx)
- [Hue Rotate](https://www.nativewind.dev/v5/tailwind/filters/hue-rotate.mdx)
- [Invert](https://www.nativewind.dev/v5/tailwind/filters/invert.mdx)
- [Saturate](https://www.nativewind.dev/v5/tailwind/filters/saturate.mdx)
- [Sepia](https://www.nativewind.dev/v5/tailwind/filters/sepia.mdx)
- [Align Content](https://www.nativewind.dev/v5/tailwind/flexbox/align-content.mdx)
- [Align Items](https://www.nativewind.dev/v5/tailwind/flexbox/align-items.mdx)
- [Align Self](https://www.nativewind.dev/v5/tailwind/flexbox/align-self.mdx)
- [Flex Basis](https://www.nativewind.dev/v5/tailwind/flexbox/flex-basis.mdx)
- [Flex Direction](https://www.nativewind.dev/v5/tailwind/flexbox/flex-direction.mdx)
- [Flex Grow](https://www.nativewind.dev/v5/tailwind/flexbox/flex-grow.mdx)
- [Flex Shrink](https://www.nativewind.dev/v5/tailwind/flexbox/flex-shrink.mdx)
- [Flex Wrap](https://www.nativewind.dev/v5/tailwind/flexbox/flex-wrap.mdx)
- [Flex](https://www.nativewind.dev/v5/tailwind/flexbox/flex.mdx)
- [Gap](https://www.nativewind.dev/v5/tailwind/flexbox/gap.mdx)
- [Grid Auto Columns](https://www.nativewind.dev/v5/tailwind/flexbox/grid-auto-columns.mdx)
- [Grid Auto Flow](https://www.nativewind.dev/v5/tailwind/flexbox/grid-auto-flow.mdx)
- [Grid Auto Rows](https://www.nativewind.dev/v5/tailwind/flexbox/grid-auto-rows.mdx)
- [Grid Column Start / End](https://www.nativewind.dev/v5/tailwind/flexbox/grid-column.mdx)
- [Grid Row Start / End](https://www.nativewind.dev/v5/tailwind/flexbox/grid-row.mdx)
- [Grid Template Columns](https://www.nativewind.dev/v5/tailwind/flexbox/grid-template-columns.mdx)
- [Grid Template Rows](https://www.nativewind.dev/v5/tailwind/flexbox/grid-template-rows.mdx)
- [Justify Content](https://www.nativewind.dev/v5/tailwind/flexbox/justify-content.mdx)
- [Justify Items](https://www.nativewind.dev/v5/tailwind/flexbox/justify-items.mdx)
- [Justify Self](https://www.nativewind.dev/v5/tailwind/flexbox/justify-self.mdx)
- [Order](https://www.nativewind.dev/v5/tailwind/flexbox/order.mdx)
- [Place Content](https://www.nativewind.dev/v5/tailwind/flexbox/place-content.mdx)
- [Place Items](https://www.nativewind.dev/v5/tailwind/flexbox/place-items.mdx)
- [Place Self](https://www.nativewind.dev/v5/tailwind/flexbox/place-self.mdx)
- [Accent Color](https://www.nativewind.dev/v5/tailwind/interactivity/accent-color.mdx)
- [Appearance](https://www.nativewind.dev/v5/tailwind/interactivity/appearance.mdx)
- [Caret Color](https://www.nativewind.dev/v5/tailwind/interactivity/caret-color.mdx)
- [Cursor](https://www.nativewind.dev/v5/tailwind/interactivity/cursor.mdx)
- [Pointer Events](https://www.nativewind.dev/v5/tailwind/interactivity/pointer-events.mdx)
- [Resize](https://www.nativewind.dev/v5/tailwind/interactivity/resize.mdx)
- [Scroll Behavior](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-behavior.mdx)
- [Scroll Margin](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-margin.mdx)
- [Scroll Padding](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-padding.mdx)
- [Scroll Snap Align](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-snap-align.mdx)
- [Scroll Snap Stop](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-snap-stop.mdx)
- [Scroll Snap Type](https://www.nativewind.dev/v5/tailwind/interactivity/scroll-snap-type.mdx)
- [Touch Action](https://www.nativewind.dev/v5/tailwind/interactivity/touch-action.mdx)
- [User Select](https://www.nativewind.dev/v5/tailwind/interactivity/user-select.mdx)
- [Will Change](https://www.nativewind.dev/v5/tailwind/interactivity/will-change.mdx)
- [Aspect Ratio](https://www.nativewind.dev/v5/tailwind/layout/aspect-ratio.mdx)
- [Box Decoration Break](https://www.nativewind.dev/v5/tailwind/layout/box-decoration-break.mdx)
- [Box Sizing](https://www.nativewind.dev/v5/tailwind/layout/box-sizing.mdx)
- [Break After](https://www.nativewind.dev/v5/tailwind/layout/break-after.mdx)
- [Break Before](https://www.nativewind.dev/v5/tailwind/layout/break-before.mdx)
- [Break Inside](https://www.nativewind.dev/v5/tailwind/layout/break-inside.mdx)
- [Clear](https://www.nativewind.dev/v5/tailwind/layout/clear.mdx)
- [Columns](https://www.nativewind.dev/v5/tailwind/layout/columns.mdx)
- [Container](https://www.nativewind.dev/v5/tailwind/layout/container.mdx)
- [Display](https://www.nativewind.dev/v5/tailwind/layout/display.mdx)
- [Float](https://www.nativewind.dev/v5/tailwind/layout/float.mdx)
- [Isolation](https://www.nativewind.dev/v5/tailwind/layout/isolation.mdx)
- [Object Fit](https://www.nativewind.dev/v5/tailwind/layout/object-fit.mdx)
- [Object Position](https://www.nativewind.dev/v5/tailwind/layout/object-position.mdx)
- [Overflow](https://www.nativewind.dev/v5/tailwind/layout/overflow.mdx)
- [Overscroll Behavior](https://www.nativewind.dev/v5/tailwind/layout/overscroll-behavior.mdx)
- [Position](https://www.nativewind.dev/v5/tailwind/layout/position.mdx)
- [Top / Right / Bottom / Left](https://www.nativewind.dev/v5/tailwind/layout/top-right-bottom-left.mdx)
- [Visibility](https://www.nativewind.dev/v5/tailwind/layout/visibility.mdx)
- [Z-Index](https://www.nativewind.dev/v5/tailwind/layout/z-index.mdx)
- [Safe Area Insets](https://www.nativewind.dev/v5/tailwind/new-concepts/safe-area-insets.mdx)
- [Container Queries](https://www.nativewind.dev/v5/tailwind/plugins/container-queries.mdx)
- [Height](https://www.nativewind.dev/v5/tailwind/sizing/height.mdx)
- [Max-Height](https://www.nativewind.dev/v5/tailwind/sizing/max-height.mdx)
- [Max-Width](https://www.nativewind.dev/v5/tailwind/sizing/max-width.mdx)
- [Min-Height](https://www.nativewind.dev/v5/tailwind/sizing/min-height.mdx)
- [Min-Width](https://www.nativewind.dev/v5/tailwind/sizing/min-width.mdx)
- [Width](https://www.nativewind.dev/v5/tailwind/sizing/width.mdx)
- [Margin](https://www.nativewind.dev/v5/tailwind/spacing/margin.mdx)
- [Padding](https://www.nativewind.dev/v5/tailwind/spacing/padding.mdx)
- [Space Between](https://www.nativewind.dev/v5/tailwind/spacing/space-between.mdx)
- [Fill](https://www.nativewind.dev/v5/tailwind/svg/fill.mdx)
- [Stroke Width](https://www.nativewind.dev/v5/tailwind/svg/stroke-width.mdx)
- [Stroke](https://www.nativewind.dev/v5/tailwind/svg/stroke.mdx)
- [Border Collapse](https://www.nativewind.dev/v5/tailwind/tables/border-collapse.mdx)
- [Border Spacing](https://www.nativewind.dev/v5/tailwind/tables/border-spacing.mdx)
- [Caption Side](https://www.nativewind.dev/v5/tailwind/tables/caption-side.mdx)
- [Table Layout](https://www.nativewind.dev/v5/tailwind/tables/table-layout.mdx)
- [Rotate](https://www.nativewind.dev/v5/tailwind/transforms/rotate.mdx)
- [Scale](https://www.nativewind.dev/v5/tailwind/transforms/scale.mdx)
- [Skew](https://www.nativewind.dev/v5/tailwind/transforms/skew.mdx)
- [Transform Origin](https://www.nativewind.dev/v5/tailwind/transforms/transform-origin.mdx)
- [Translate](https://www.nativewind.dev/v5/tailwind/transforms/translate.mdx)
- [Animation](https://www.nativewind.dev/v5/tailwind/transitions-animation/animation.mdx)
- [Transition Delay](https://www.nativewind.dev/v5/tailwind/transitions-animation/transition-delay.mdx)
- [Transition Duration](https://www.nativewind.dev/v5/tailwind/transitions-animation/transition-duration.mdx)
- [Transition Property](https://www.nativewind.dev/v5/tailwind/transitions-animation/transition-property.mdx)
- [Transition Timing Function](https://www.nativewind.dev/v5/tailwind/transitions-animation/transition-timing-function.mdx)
- [Content](https://www.nativewind.dev/v5/tailwind/typography/content.mdx)
- [Font Family](https://www.nativewind.dev/v5/tailwind/typography/font-family.mdx)
- [Font Size](https://www.nativewind.dev/v5/tailwind/typography/font-size.mdx)
- [Font Smoothing](https://www.nativewind.dev/v5/tailwind/typography/font-smoothing.mdx)
- [Font Style](https://www.nativewind.dev/v5/tailwind/typography/font-style.mdx)
- [Font Variant Numeric](https://www.nativewind.dev/v5/tailwind/typography/font-variant-numeric.mdx)
- [Font Weight](https://www.nativewind.dev/v5/tailwind/typography/font-weight.mdx)
- [Hyphens](https://www.nativewind.dev/v5/tailwind/typography/hyphens.mdx)
- [Letter Spacing](https://www.nativewind.dev/v5/tailwind/typography/letter-spacing.mdx)
- [Line Clamp](https://www.nativewind.dev/v5/tailwind/typography/line-clamp.mdx)
- [Line Height](https://www.nativewind.dev/v5/tailwind/typography/line-height.mdx)
- [List Style Image](https://www.nativewind.dev/v5/tailwind/typography/list-style-image.mdx)
- [List Style Position](https://www.nativewind.dev/v5/tailwind/typography/list-style-position.mdx)
- [List Style Type](https://www.nativewind.dev/v5/tailwind/typography/list-style-type.mdx)
- [Text Align](https://www.nativewind.dev/v5/tailwind/typography/text-align.mdx)
- [Text Color](https://www.nativewind.dev/v5/tailwind/typography/text-color.mdx)
- [Text Decoration Color](https://www.nativewind.dev/v5/tailwind/typography/text-decoration-color.mdx)
- [Text Decoration Style](https://www.nativewind.dev/v5/tailwind/typography/text-decoration-style.mdx)
- [Text Decoration Thickness](https://www.nativewind.dev/v5/tailwind/typography/text-decoration-thickness.mdx)
- [Text Decoration](https://www.nativewind.dev/v5/tailwind/typography/text-decoration.mdx)
- [Text Indent](https://www.nativewind.dev/v5/tailwind/typography/text-indent.mdx)
- [Text Overflow](https://www.nativewind.dev/v5/tailwind/typography/text-overflow.mdx)
- [Text Transform](https://www.nativewind.dev/v5/tailwind/typography/text-transform.mdx)
- [Text Underline Offset](https://www.nativewind.dev/v5/tailwind/typography/text-underline-offset.mdx)
- [Vertical Align](https://www.nativewind.dev/v5/tailwind/typography/vertical-align.mdx)
- [Whitespace](https://www.nativewind.dev/v5/tailwind/typography/whitespace.mdx)
- [Word Break](https://www.nativewind.dev/v5/tailwind/typography/word-break.mdx)

## Optional

- [Full documentation](https://www.nativewind.dev/v5/llms-full.txt): All public pages in one file