A simple two page app with fluid animation based on the Flat App design for iOS and Android application
Inspired by this Dribbble product

React Native Login Logout Animation

Features

  • Available with screens - Login, Homepage & Sidebar
  • Ripple effect on tap
  • Scale-up transition on logout button on enter
  • Modular components includes AnimatedButton, AnimationOverlay, FloatingAnimatedButton
  • Fluent API on the components includes startAnimation() & stopAnimation()
React Native Login Logout Animation
React Native Login Logout Animation

Easy To Configure

  • Highly configurable animated app that includes the duration of animation and color of animation
  • Easy to import to any React Native project

Roadmap

  • Add more animation
  • Add more pages
  • Add more transitions

Package

React Native Login Logout Animation

  • ● exponent: ^10.0.4
  • ● lodash: ^4.13.1
  • ● moment: ^2.13.0
  • ● native-base: 0.5.8
  • ● react: 15.3.1
  • ● react-native: 0.33.0
  • ● react-native-animatable: ^0.6.1
  • ● react-native-button: ^1.6.0
  • ● react-native-code-push: 1.13.5-beta
  • ● react-native-easy-grid: ^0.1.6
  • ● react-native-gifted-spinner: 0.0.4
  • ● react-native-lightbox: ^0.6.0
  • ● react-native-list-popover: ^1.0.5
  • ● react-native-modalbox: ^1.3.4
  • ● react-native-search-bar: ^2.11.0
  • ● react-native-simple-modal: ^3.0.4
  • ● react-native-slide-down-panel: ^1.0.6
  • ● react-native-swiper: ^1.4.5
  • ● react-native-vector-icons: ^2.0.3
  • ● react-redux: ^4.4.5
  • ● redux: ^3.5.2
  • ● redux-persist: ^3.2.2
  • ● redux-thunk: ^2.1.0
  • ● rx: ^4.1.0
  • ● chai: ^3.5.0
  • ● mocha: ^2.5.3
  • ● remote-redux-devtools: ^0.3.3
  • ● remote-redux-devtools-on-debugger: ^0.4.6

BROUGHT TO YOU BY

Start building your app today!

Get Started