react-native-animated-loader - :lollipop: A React Native Loader Component which uses Airbnb's Lottie for beautiful loader animations

  •        30

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

Dependencies:

prop-types : ^15.6.2

Tags
Implementation
License
Platform

   




Related Projects

lottie-react-native - Lottie wrapper for React Native.

  •    Java

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.

lottie-react-native - Lottie wrapper for React Native.

  •    Java

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.


react-native-progress - Progress indicators and spinners for React Native using ReactART

  •    Javascript

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.

lottie-ios - An iOS library to natively render After Effects vector animations

  •    Objective-C

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!

react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native

  •    Javascript

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-modal - An enhanced, animated and customizable react-native modal

  •    Javascript

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-textinput-effects - Text inputs with custom label and icon animations for iOS and android

  •    Javascript

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-native-mask-loader - React Native App Loader that shows an expanding image as a mask on your app

  •    Javascript

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

  •    Javascript

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.

LottieXamarin - Render After Effects animations natively on Android, iOS, MacOS and TvOS for Xamarin

  •    CSharp

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.

react-native-spinkit - A collection of animated loading indicators for React Native

  •    Objective-C

A collection of animated loading indicators React native port of SpinKit. Check index.ios.js in the Example folder.

react-native-animation-book - A book talking about react-native animations, and walking you through from beginner to expert

  •    HTML

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.

  •    Javascript

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-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

  •    Javascript

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-native-star-rating - A React Native component for generating and displaying interactive star ratings

  •    Javascript

A React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.