# NativeWind

## Docs

- [Babel Configuration](https://mintlify.wiki/nativewind/nativewind/api/babel-config.md): Configure Babel plugin for NativeWind CSS transformation
- [Metro Configuration](https://mintlify.wiki/nativewind/nativewind/api/metro-config.md): Configure Metro bundler with NativeWind support using withNativewind
- [styled](https://mintlify.wiki/nativewind/nativewind/api/styled.md): Create styled React Native components with NativeWind class support
- [Tailwind CSS Plugin](https://mintlify.wiki/nativewind/nativewind/api/tailwind-plugin.md): Configure the NativeWind plugin for Tailwind CSS with @map variant support
- [useColorScheme](https://mintlify.wiki/nativewind/nativewind/api/use-color-scheme.md): React hook for managing color scheme in NativeWind applications
- [useCssElement](https://mintlify.wiki/nativewind/nativewind/api/use-css-element.md): Create styled React Native components with CSS-based styling
- [useUnstableNativeVariable](https://mintlify.wiki/nativewind/nativewind/api/use-native-variable.md): Hook for reading and managing CSS variables in React Native
- [VariableContextProvider](https://mintlify.wiki/nativewind/nativewind/api/variable-context-provider.md): Provide CSS variables and theme context to NativeWind styled components
- [vars](https://mintlify.wiki/nativewind/nativewind/api/vars.md): CSS variable utility for dynamic styling (deprecated)
- [Dark mode](https://mintlify.wiki/nativewind/nativewind/core-concepts/dark-mode.md): Implement dark mode in your React Native app with NativeWind
- [Responsive design](https://mintlify.wiki/nativewind/nativewind/core-concepts/responsive-design.md): Build adaptive layouts with breakpoints and container queries in NativeWind
- [Styling with NativeWind](https://mintlify.wiki/nativewind/nativewind/core-concepts/styling.md): Learn how NativeWind applies Tailwind CSS utilities to React Native components
- [Theming](https://mintlify.wiki/nativewind/nativewind/core-concepts/theming.md): Customize colors, design tokens, and create consistent themes across your app
- [Animations & Transitions](https://mintlify.wiki/nativewind/nativewind/customization/animations.md): Create smooth, performant animations in React Native using NativeWind's animation utilities
- [CSS Variables](https://mintlify.wiki/nativewind/nativewind/customization/css-variables.md): Use CSS custom properties to create dynamic, reactive styles in your React Native applications
- [Plugin System](https://mintlify.wiki/nativewind/nativewind/customization/plugins.md): Extend NativeWind with custom plugins and utilities using the Tailwind CSS plugin API
- [Tailwind Configuration](https://mintlify.wiki/nativewind/nativewind/customization/tailwind-config.md): Configure Tailwind CSS for your NativeWind project with custom themes, utilities, and platform-specific settings
- [Configuration Guide](https://mintlify.wiki/nativewind/nativewind/guides/configuration.md): Configure Metro, Babel, and Tailwind CSS for NativeWind
- [Custom Styles](https://mintlify.wiki/nativewind/nativewind/guides/custom-styles.md): Create custom utilities, components, and styling patterns with NativeWind
- [Migration Guide](https://mintlify.wiki/nativewind/nativewind/guides/migration.md): Migrate between NativeWind versions and upgrade your project
- [Troubleshooting](https://mintlify.wiki/nativewind/nativewind/guides/troubleshooting.md): Common issues and solutions for NativeWind
- [TypeScript Setup](https://mintlify.wiki/nativewind/nativewind/guides/typescript.md): Configure TypeScript for type-safe styling with NativeWind
- [Installation](https://mintlify.wiki/nativewind/nativewind/installation.md): Install and configure NativeWind in your React Native project
- [Introduction to NativeWind](https://mintlify.wiki/nativewind/nativewind/introduction.md): Use Tailwind CSS to style your cross-platform React Native applications
- [Expo Setup](https://mintlify.wiki/nativewind/nativewind/platforms/expo.md): Configure NativeWind with Expo for iOS, Android, and Web development
- [Platform Support Overview](https://mintlify.wiki/nativewind/nativewind/platforms/overview.md): NativeWind works across all React Native platforms with optimized styling for each
- [React Native CLI Setup](https://mintlify.wiki/nativewind/nativewind/platforms/react-native-cli.md): Configure NativeWind with React Native CLI for native iOS and Android development
- [React Native Web Support](https://mintlify.wiki/nativewind/nativewind/platforms/web.md): Add web support to your React Native app with NativeWind and React Native Web
- [Quick Start](https://mintlify.wiki/nativewind/nativewind/quickstart.md): Build your first React Native component styled with NativeWind in minutes