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 skyle
View 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