React Native Fiber Firebase

React Native Fiber Firebase 1.1.2

A fascinating React Native starter kit focused on animation integrated with Firebase for your iOS and Android application
Inspired by Framer's UI Kit, Fiber

Note: This product is available with Expo Client.


Development Environment
Demo Available

Create a captivating UX for your app's users

Fully customizable, ready-to-use screens with flat UI design that adds an aesthetic touch to the app

  • ● Welcome
  • ● Sign Up
  • ● Login
  • ● Walkthrough
  • ● Explore
  • ● Share
  • ● Profile
  • ● Comments
  • ● Settings

React Native Fiber Firebase

Note

The package includes both the UI theme and its Firebase version.

React Native Fiber Firebase

Technologies Used

  • Firebase
  • NativeBase
  • React Navigation
  • ESLint
  • Flow
  • Expo
  • MobX

Features

  • Firebase Integration in Login, Sign Up and Share screens
  • Power-packed with NativeBase, React Navigation, Flow
  • Integrated with Expo
  • Based on the Animated API from React Native
  • ESLint for quality code
  • Slick UI elements and components
React Native Fiber Firebase
React Native Fiber Firebase

Subtle Animations

  • Fade-in view with delays, translations, and rotations
  • Scrolling animation
  • Loading effect
  • Blur animation
  • Text fade-in with translation

Read the implementation here.

Demo for adding Firebase Support to React Native Project

Perfectly native look and feel with React Native

Eye soothing UI with awesomely smooth UX!

React Native Fiber Firebase

Package

React Native Fiber Firebase

  • ● autobind-decorator: ^1.4.0
  • ● @expo/vector-icons: 6.3.1
  • ● crypto-js: ^3.1.9-1
  • expo: ^27.0.0
  • ● firebase: 4.12.1
  • ● jest-junit-reporter: ^1.1.0
  • ● lodash: ^4.17.4
  • ● mobx: ^3.4.1
  • ● mobx-react: ^4.3.5
  • ● moment: ^2.18.1
  • native-base: 2.4.1
  • ● react: 16.3.1
  • react-native: https://github.com/expo/react-native/archive/sdk-27.0.0.tar.gz
  • ● react-native-swiper: ^1.5.13
  • ● react-navigation: 1.5.8
  • ● babel-eslint: ^8.2.1
  • eslint: ^4.9.0
  • ● eslint-config-airbnb: ^16.1.0
  • ● eslint-plugin-flowtype: ^2.41.0
  • ● eslint-plugin-import: ^2.7.0
  • ● eslint-plugin-jsx-a11y: ^6.0.2
  • ● eslint-plugin-react: ^7.4.0
  • ● eslint-plugin-react-native: ^3.2.1
  • ● exp: 53.1.0
  • ● firebase-tools: ^3.16.0
  • ● flow-bin: 0.63.1
  • ● flow-result-checker: ^0.3.0
  • ● jest-expo: ^27.0.0
  • ● react-native-scripts: 1.11.1
  • ● react-test-renderer: 16.0.0-alpha.12

React Native Fiber

  • ● @expo/vector-icons: 6.3.1
  • ● autobind-decorator: ^1.4.0
  • ● crypto-js: ^3.1.9-1
  • expo: ^27.0.0
  • ● jest-junit-reporter: ^1.1.0
  • ● lodash: ^4.17.4
  • ● moment: ^2.18.1
  • native-base: 2.4.1
  • ● react: 16.3.1
  • react-native: https://github.com/expo/react-native/archive/sdk-27.0.0.tar.gz
  • ● react-native-swiper: ^1.5.13
  • ● react-navigation: 1.5.8
  • ● babel-eslint: ^8.2.1
  • eslint: ^4.9.0
  • ● eslint-config-airbnb: ^16.1.0
  • ● eslint-plugin-flowtype: ^2.41.0
  • ● eslint-plugin-import: ^2.7.0
  • ● eslint-plugin-jsx-a11y: ^6.0.2
  • ● eslint-plugin-react: ^7.4.0
  • ● eslint-plugin-react-native: ^3.2.1
  • ● exp: 53.1.0
  • ● flow-bin: 0.63.1
  • ● flow-result-checker: ^0.3.0
  • ● jest-expo: ^27.0.0
  • ● react-native-scripts: 1.11.1
  • ● react-test-renderer: 16.0.0-alpha.12

BROUGHT TO YOU BY

Start building your app today!

Get Started