Download
tailwind-rn lets you use Tailwind CSS-style utility classes in React Native apps by converting Tailwind’s generated CSS into a JSON map of styles. Instead of writing StyleSheet objects manually, you call a tailwind() helper with class strings (like bg-blue-500 or mt-4) and get React Native style objects back. A small CLI tool reads the CSS file produced by Tailwind and transforms it into a JSON file that tailwind-rn can consume, with support for watching and rebuilding whenever Tailwind’s output changes. The library supports Tailwind 3.x and works with the JIT compiler, meaning you can use modern Tailwind utilities in mobile layouts. It is framework-agnostic within the React Native ecosystem and can be used with plain React Native, Expo, and other toolchains. The project is actively used and has issue discussions covering integration with storybook, Prettier’s Tailwind plugin, custom themes, and more.
Features
- Use Tailwind-style utility class strings to generate React Native styles via tailwind()
- CLI to convert Tailwind-generated CSS into a JSON style map, with --watch for live rebuilding
- Full support for Tailwind 3.x and JIT workflow alongside Tailwind’s own CLI
- Works across React Native setups including bare RN and Expo projects
- Supports custom configuration via your Tailwind config to extend or override utilities
- Open-source package published on npm, actively maintained with community integrations
Project Samples
