lottie-react-native
react-native-animatable
Our great sponsors
lottie-react-native | react-native-animatable | |
---|---|---|
14 | 8 | |
16,482 | 9,708 | |
0.4% | - | |
8.5 | 5.1 | |
12 days ago | 6 months ago | |
Kotlin | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
lottie-react-native
-
React Native Tutorial: How to Implement a Celebration Confetti Burst
Further research led me to LottieFiles (not sponsored) — a haven for animation enthusiasts offering a myriad of free animations, including a variety of confetti animations ready to be used. To integrate these animations in a React Native app, the lottie-react-native library comes in handy.
-
How to animate Fire TV splash screens with React Native & Lottie
Using Lottie for React Native is an easy way to enrich your app with beautiful animations and make your user happy.
- SVG Animation
- Here’s a little app I made with React Native - it’s pretty much an app where you can select some themes of quotes, sayings and then it generates you a feed of quotes. I’m pretty new to react native, only been learning for a 2 months , so I would love to hear any advice or improvements
- render remote .json lottie files?
- how to optimize lottie files?
-
8 the most essential tested React Native libraries that will skyrocket your app 🚀
2. Lottie for the sophisticated animated images
-
Game Dev: What file type for animations work best for mobile apps?
check out Lottie
- I have an error when I installed lottie react native, I just posted the issue follow the link if you can help please
- Looking for some tips to create the twitter like animation in React native.
react-native-animatable
-
React native animatable
tried this method and it throws and error ref.current.pause is not a function I also don't see anything on the GitHub page of the package...? https://github.com/oblador/react-native-animatable
-
Practice by doing a app
hello, thank you for the replay. For the animation I'm using https://github.com/oblador/react-native-animatable it is a very small library comparison with the other animation libraries but it is powerfull and easy to implement. And the animation type name is "fadeInDownBig"
-
Mistakes I made while maintaining an open-source React Native library for five years
The last mistake I wanted to mention is relying too much on third-party libraries. Specifically, in my case, react-native-animatable. React Native Animatable is a great library that allows defining transitions and animations in a declarative fashion by abstracting the React Native animated API. In 2015/2016, react-native-animatable was the way to sprinkle animations on top of React Native apps. Mad props to @oblador for building it. react-native-animatable powers all react-native-modal’s animation. Users can pick any animation exposed by react-native-animatable and apply it to the enter/exit state of the modal with a single line of code.
-
Update: Hey Reddit - My first app is ready for a beta test. Read comments if you're interested.
Tailwind Styles: https://github.com/vadimdemedes/tailwind-rn Storage: https://react-native-async-storage.github.io/async-storage/docs/api Navigation: https://reactnavigation.org/ Audio: https://docs.expo.io/versions/v41.0.0/sdk/audio/ Animations: https://github.com/oblador/react-native-animatable Modal: https://github.com/react-native-modal/react-native-modal Confetti: https://github.com/cdvntr/react-native-confetti Debounce: https://github.com/xnimorz/use-debounce Toast: https://github.com/calintamas/react-native-toast-message
-
A simple React Native flashcard game I'm making for my son. I'd love some feedback.
Animations: https://github.com/oblador/react-native-animatable
The animations are pretty simple though. I used React Native Animatable. From there you can add a ref to the element you want to animate and call the animate function on press on whenever. Looks something like:
-
React Native ⚛️ Animation Libraries easy to use!
React Native Animatable creates simple animations and transitions with declarative components, just import the element and choose from a lot of animations pre-build or create a custom animation!
-
Useful React Native Packages
First off is React Native Animatable, and as the name suggests, this package helps you add animations to elements contained in mobile components. Now you can find more information about this package here, but I will try and explain how to use this package in your project. To add this package to your app, you will need to use either of these commands in your terminal.
What are some alternatives?
react-native-reanimated - React Native's Animated library reimplemented
react-animated-heart - 💗 A simple Twitter-like animated button
tailwind-rn - 🦎 Use Tailwind CSS in React Native projects
react-native-wallet-manager - Provides some Apple Wallet functionality, like adding passes, removing passes and checking passises for existing.
react-native-snap-carousel - Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. Compatible with Android & iOS.
Android-Speech-Recognition - Continuous speech recognition library for Android with options to use GoogleVoiceIme dialog and offline mode.
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
react-native-health-connect - React native library for health connect (Android only)
react-native-vector-icons - Customizable Icons for React Native with support for image source and full styling.
async-storage - An asynchronous, persistent, key-value storage system for React Native.
react-native-confetti - Raining confetti made with react native animations