An experimental universal, customizable styling and animation
library for React Native.
Why? ⎯ Features ⎯ Website ⎯ Documentation ⎯ Get Started ⎯ Examples/Demos ⎯ Contributing!
- 💡 Beautiful & Easy Syntax
- ⚡ Performant
- 🎨 Highly Customizable
- 🔼 Expo Compatible
- 🧩 Works on all Platforms! (iOS, Android, Web, Windows, Mac, etc.)
- 🌟 Supports Media Queries, Theming, Transitions and more!
- ☑️ Written in TypeScript
Skyle aims to provide styling utilities and to fill in the missing features that are available in CSS but not in React-Native. When switching between the two, the missing APIs become prominent. This is the main reason why this project was developed: Making styling a heck of a lot easier.
- ✔️ Shorthands
- ✔️ Length Units
- ✔️ Theming
- ✔️ Variables, State & Props
- ✔️ Spread Props
- ✔️ Media Queries
- ✔️ Breakpoints
- ✔️ Transitions
- ✔️ Pseudo Classes & Elements
- ✔️ Aliases
- ✔️ Custom Preprocessors
and more!
npm install skyle
# or
yarn add skyleView more on the Get Started documentation page.
View the official Documentation on our site.
Please see CHANGELOG.md
Please read CONTRIBUTING.md
- react-native-extended-stylesheet by vitalets
- react-native-animatable by oblador
- moti by nandorojo
- react-native-stylex by retyui