Development
Plugin
react-native-unistyles
Level up your React Native StyleSheet
Plugin Signal66/100Solid
maintained81
capable23
documented100
adopted74
Install
$ npx -y skills add jpudysz/react-native-unistyles --agent claude-code
Stats
2,954
Stars
130
Forks
Maintained
Maintenance
TypeScript
Language
1mo ago
Last commit
2y ago
Created
Repo: jpudysz/react-native-unistyles
What's inside
Skill(2 skills)
/react-native-unistyles-v3Guide for using react-native-unistyles v3. Triggers on: "unistyles", "StyleSheet.create", "create stylesheet", "add theme", "breakpoints", "variants", "withUnistyles", "useUnistyles", "ScopedTheme", "UnistylesRuntime", "style component", "responsive styles", "media queries",/unistyles-v2-to-v3-migrationMigrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration,
README
Installation
yarn add react-native-unistyles
Install dependencies:
yarn add react-native-nitro-modules
| react-native-unistyles | Minimum react-native-nitro-modules |
|---|---|
| >= 3.0.0 | >= 0.33.9 |
| >= 3.1.0 | >= 0.35.0 |
| >= 3.2.0 | >= 0.35.2 |
Note: Since v3.1.0,
react-native-edge-to-edgeis an optional dependency. We strongly recommend settingedgeToEdgeEnabled=truein yourandroid/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 installreact-native-edge-to-edgefor ecosystem compatibility with libraries likereact-native-bootsplashorreact-native-permissions.
Then follow installation guides for your platform.
Documentation
Features
- 🚀 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!
Sponsors
Past sponsors
Sponsor my work
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!
Discord
Looking for help or you want to chat with me?
License
MIT
File tree
FAQ
react-native-unistyles is a Claude Code plugin with 2 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes react-native-unistyles-v3, unistyles-v2-to-v3-migration. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is react-native-unistyles?
- Level up your React Native StyleSheet
- How do I install react-native-unistyles?
- Run these in Claude Code: npx -y skills add jpudysz/react-native-unistyles --agent claude-code. Then prompt normally.
- Does react-native-unistyles auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is react-native-unistyles free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it