Back to catalog / Developer tools
Set Up Tailwind CSS v4 in Expo
Configure cross-platform styling with react-native-css and NativeWind v5.
Skills
Follow the source to install the required packages, configure Metro, PostCSS, and global CSS, then add component wrappers before using Tailwind classes in React Native. The guide says no extra Babel configuration is needed and covers platform color variables and troubleshooting. Check Expo, React Native, and NativeWind compatibility first; change configuration incrementally, build, and preview on a device.
Permissions
Prerequisites
- An existing Expo project; ability to edit package.json, Metro/PostCSS configuration, and global CSS; known package manager and versions.
Permissions
- Package installation changes dependency manifests and lockfiles; setup writes project files. Obtain user authorization and keep changes reviewable or reversible.
Limitations
Tailwind v4, react-native-css, and NativeWind v5 integration is version-sensitive. Do not copy a new-project configuration blindly into an older app.
Pinned upstream source
- Repository
- openai/plugins
- File path
- plugins/expo/skills/expo-tailwind-setup/SKILL.md
- Pinned commit
0722921d5542fc593105c27bd52630babd8b8c2a- Source checked
- 2026-10-14 · Reviewed against the pinned upstream source
Repository metrics
These values describe the upstream repository, not popularity or likes for an individual skill or playbook.
- Stars
- Not collected
- Forks
- Not collected
- Observed at
- Not collected
No metrics snapshot is available yet.
License: MIT
Compatible tools
Expo / React Native
Main topic
Take a coding Agent change from context to verification