Awesome
react-native-skia-catalog
This custom animated skia component library provides multiple custom animated skia components like Indicator, StrikeImage, Notification, ThemeSwitch, SkiaLike, AnimatedWallet and many more!
- It also provides an example app and a detailed usage overview of every available component.
- All the available components are fully Android and iOS compatible.
- See our available <a href="#Components">Components</a>.
🎬 Preview
| <div style="width:270px"></div>Indicator | <div style="width:270px"></div>StrikeImage | <div style="width:270px"></div>Notification |
|---|---|---|
 |  |  |
| <div style = "width: 270px">ThemeSwitch</div> | <div style = "width: 270px">SkiaLike</div> | <div style = "width: 270px">AnimatedWallet</div> |
|---|---|---|
 |  |  |
| <div style = "width: 270px">AnimatedScanner</div> | <div style = "width: 270px">MediaButton</div> | <div style = "width: 270px">HeartRate</div> |
|---|---|---|
 |  |  |
| <div style = "width: 270px">WirelessCharger</div> | <div style = "width: 270px">SkiaCharging</div> | <div style = "width: 270px">AnimatedCheckmark</div> |
|---|---|---|
 |  |  |
Components
Ⅰ. Indicator
More about Indicator component
ⅠI. StrikeImage
More about StrikeImage component
ⅠII. Notification
More about Notification component
IV. ThemeSwitch
More about ThemeSwitch component
V. SkiaLike
VI. AnimatedWallet
More about AnimatedWallet component
VII. AnimatedScanner
More about AnimatedScanner component
VIII. MediaButton
More about MediaButton component
IX. HeartRate
More about HeartRate component
X. WirelessCharger
More about WirelessCharger component
XI. AnimatedCheckMark
More about AnimatedCheckMark component
XII. SkiaCharging
More about SkiaCharging component
Example
A full working example project is here Example.
$ yarn
$ yarn example ios // For ios
$ yarn example android // For Android
Find this library useful? ❤️
Support it by joining stargazers for this repository.⭐
🤝 How to Contribute
We'd love to have you improve this library or fix a problem 💪 Check out our Contributing Guide for ideas on contributing.
Bugs / Feature requests / Feedbacks
For bugs, feature requests, and discussion please use GitHub Issues.
Awesome Mobile Libraries
- Check out our other available awesome mobile libraries.