We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
react-native-animated-loader - :lollipop: A React Native Loader Component which uses Airbnb's Lottie for beautiful loader animations
- 709
A React Native Loader Component which uses Airbnb's Lottie for beautiful loader animations. This library uses lottie-react-native to render loader animations. Therefore this library need to be installed and linked to your project before installing this package.
https://github.com/vikrantnegi/react-native-animated-loader| Tags | react-native react-native-loader lottie lottie-animation lottie-animation-spinners loaders spinners react-component lottie-react-native react-native-progress modals animations ios android |
| Implementation | Javascript |
| License | MIT |
| Platform | OS-Independent |
Related Projects
lottie-react-native - Lottie wrapper for React Native.
Lottie wrapper for React Native.
bodymovin animations react-native after-effects react lottie animation keyframelottie-react-native - Lottie wrapper for React Native.
For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. If you have issues linking your iOS project check out this StackOverflow thread on how to fix it.
bodymovin animations react-native after-effects react lottie animation keyframelottie-react-native - Lottie wrapper for React Native.
For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. After this, open the Xcode project configuration and add the Lottie.framework as Embedded Binaries.
bodymovin animations react-native after-effects react lottie animation keyframereact-native-loader - A collection of animated spinners for React Native
A collection of animated spinners for react native using ReactART. For Android, it works out of the box.
animated-spinners react-native android ios react react-component waiting loading spinner react-artlottie-android - Render After Effects animations natively on Android and iOS, Web, and React Native
Render After Effects animations natively on Android and iOS, Web, and React Native
animation android lottie airbnb after-effectsreact-native-progress - Progress indicators and spinners for React Native using ReactART
Progress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.
react-native react-component react-native-component react mobile ios ui progress progressindicator circle pie bar progressbar indeterminate spinner animationlottie-ios - An iOS library to natively render After Effects vector animations
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with bodymovin and renders the vector animations natively on mobile and through React Native!
animation bodymovin ios-animation ios transition-animation keyframes ios-transition custom-transitionsreact-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap – all animated, all declarative! If you don't supply a duration property, a spring animation will be used.
react-native animation transition react-component react-native-component react mobile ios android ui fade bounce slide animatablereact-native-modal - An enhanced, animated and customizable react-native modal
An enhanced, animated and customizable react-native modal. The aim of react-native-modal is expanding the original react-native Modal component by adding animations and styles customization options while still providing a plain-simple API.
react-native react modal android ios backdrop animation animated native simplereact-native-textinput-effects - Text inputs with custom label and icon animations for iOS and android
I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-native. Some of those text fields are now ready to use in iOS and android thanks to react-native. There is also a native iOS library called TextFieldEffects which has built some of them in Swift.
react react-component react-native text-input textinput textfield animation animated ios androidreact-native-modals - A react native modals library
React Native Modals Library for iOS & Android.
react react-native component es6 dialog react-animate popup react-dialog react-native-modals react-native-dialog modals react-component ios androidreact-native-really-awesome-button - 📱React Native 60fps extendable, production ready component that renders an animated set of 3D UI buttons
react-native-really-awesome-button is a performant, extendable, production ready ReactNative component that renders an animated set of 3D UI buttons. MIT. Copyright (c) 2018 Rafael Caferati.
react-native react-ui-components button 3d-buttons react-native-component react-native-button react-native-buttons progress-button animated-buttons ui-component animated-button awesome-button really-awesome-button 3d-button react-component ios androidreact-native-popup-dialog - A React Native Popup Dialog, Highly Customizable, Easy Use & Support Custom Animation
React Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.
react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios androidreact-native-mask-loader - React Native App Loader that shows an expanding image as a mask on your app
This component provides a loading screen for React Native apps that is meant to reproduce Twitter's app loading animation. There is an accompanying blog post at https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html.
react-native-collapsible - Animated collapsible component for React Native, good for accordions, toggles etc
Pure JavaScript, supports dynamic content heights and components that is aware of its collapsed state (good for toggling arrows etc). This is a convenience component for a common use case, see demo below.
react-native accordion collapsible animation react-component react-native-component react mobile ios android ui collapse toggleLottieXamarin - Render After Effects animations natively on Android, iOS, MacOS and TvOS for Xamarin
All of these animations were created in After Effects, exported with Bodymovin, and rendered natively with no additional engineering effort. Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After effects files as json and includes a javascript web player. We've built on top of his great work to extend its usage to Android, iOS, and React Native.
lottie airbnb android xamarin animation iosreact-native-spinkit - A collection of animated loading indicators for React Native
A collection of animated loading indicators React native port of SpinKit. Check index.ios.js in the Example folder.
react-component react-native ios android spinkit spinner loader indicatorreact-native-animation-book - A book talking about react-native animations, and walking you through from beginner to expert
If you don't care about anything just jump to the Basic Animation Examples which will eventually guide you from basic to advanced animations and allow you to experience the capabilities of React Native animations. React Native has had a fantastic reception. There have already been a ton of great applications built using React Native. However one hugely important part of mobile applications is animations. React on the web has generally been pretty poor at dealing with animations, but there are some great people out there attempting to solve this problem. One such solution is react-motion https://github.com/chenglou/react-motion/.
react-native-progress-hud - A clean and lightweight progress HUD for your React Native app.
React Native Progress HUD is a React Native port of the popular SVProgressHUD. It is a clean and easy-to-use HUD meant to display the progress of an ongoing task. Are you using React? Check out React Progress HUD.
react native progress hud popup spinner loader loading react-componentreact-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android
React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.
react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-component
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
