yarn add react-native-unistyles

Install dependencies:

yarn add react-native-nitro-modules

Note: Since v3.1.0, react-native-edge-to-edge is an optional dependency. We strongly recommend setting edgeToEdgeEnabled=true in your android/gradle.properties — it enforces translucent system bars on modals, disables legacy StatusBar hacks, and enables additional React Native core fixes. Expo SDK 54+ enables this automatically. You can still install react-native-edge-to-edge for ecosystem compatibility with libraries like react-native-bootsplash or react-native-permissions.

Then follow installation guides for your platform.

• Start here
• Migration from Unistyles 2.0
• Learn how Unistyles 3.0 works
• API
• Examples

• 🚀 Shared core with C++ and JSI bindings
• 🏎️ Powered by Nitro Modules
• 🦸🏼‍♂️ No re-renders
• 🦄 Custom web parser, classes and pseudo classes
• ⚛️ Tightly integrated with Fabric and Shadow Tree
• 🔥 Crazy performance, adds under 0.1 ms to your StyleSheet
• 🎳 Share up to 100% of your styles across platforms in monorepo
• 🎯 Doesn't introduce new components, your view hierarchy is always clean
• 🎨 Register multiple themes and change them with single function call
• and much much more!

How to become a sponsor?

If you found the react-native-unistyles time-saving and valuable, please consider sponsoring my work. Your support enables me to continue creating libraries with a fresh approach.

Github: https://github.com/sponsors/jpudysz

Ko-fi: https://ko-fi.com/jpudysz

Your support is greatly appreciated and helps me dedicate more time and resources to creating quality libraries. Thank you for all the support!

Looking for help or you want to chat with me?

Join Discord

MIT