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-loaderTags | 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 |
Lottie wrapper for React Native.
bodymovin animations react-native after-effects react lottie animation keyframeFor 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 keyframeFor 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 keyframeA 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-artRender After Effects animations natively on Android and iOS, Web, and React Native
animation android lottie airbnb after-effectsProgress 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 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-transitionsTo 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 animatableAn 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 simpleI'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 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 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 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 androidThis 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.
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 toggleAll 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 iosA 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 indicatorIf 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 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 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.