React Native Fiber Firebase v 1.1.7
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.
Support Terms
Development Environment
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
Note
The package includes both the UI theme and its Firebase version.
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
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!
Package
React Native Fiber Firebase
- ● @expo/vector-icons: ^10.0.0
- ● autobind-decorator: ^1.4.0
- ● crypto-js: ^3.1.9-1
- ● expo: ^35.0.0
- ● expo-asset: ~7.0.0
- ● expo-blur: ~7.0.0
- ● expo-camera: ~7.0.0
- ● expo-constants: ~7.0.0
- ● expo-file-system: ~7.0.0
- ● expo-font: ~7.0.0
- ● expo-image-manipulator: ~7.0.0
- ● expo-image-picker: ~7.0.0
- ● expo-linear-gradient: ~7.0.0
- ● expo-permissions: ~7.0.0
- ● firebase: 5.8.0
- ● 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.12.1
- ● react: 16.8.3
- ● react-native: https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz
- ● react-native-gesture-handler: ~1.3.0
- ● react-native-svg: 9.9.5
- ● react-native-swiper: ^1.5.13
- ● react-navigation: ^3.11.0
- ● babel-eslint: ^8.2.1
- ● babel-preset-expo: ^7.0.0
- ● 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
- ● expo-cli: 3.4.1
- ● firebase-tools: 7.0.0
- ● flow-bin: 0.63.1
- ● flow-result-checker: ^0.3.0
- ● jest-expo: ^35.0.0
- ● react-test-renderer: 16.0.0-alpha.12
React Native Fiber
- ● @expo/vector-icons: 10.0.1
- ● autobind-decorator: ^1.4.0
- ● crypto-js: ^3.1.9-1
- ● expo: ^33.0.0
- ● expo-asset: ^5.0.1
- ● expo-blur: ~5.0.1
- ● expo-camera: ~5.0.1
- ● expo-constants: ~5.0.1
- ● expo-file-system: ~5.0.1
- ● expo-font: ~5.0.1
- ● expo-image-manipulator: ~5.0.1
- ● expo-linear-gradient: ~5.0.1
- ● expo-permissions: ~5.0.1
- ● jest-junit-reporter: ^1.1.0
- ● lodash: ^4.17.4
- ● moment: ^2.18.1
- ● native-base: 2.12.1
- ● react: 16.8.3
- ● react-native: https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz
- ● react-native-svg: ~9.4.0
- ● react-native-swiper: ^1.5.13
- ● react-navigation: ^3.11.0
- ● babel-eslint: ^8.2.1
- ● babel-preset-expo: ^5.0.0
- ● 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: 56.0.0
- ● expo-cli: ^2.6.14
- ● flow-bin: 0.63.1
- ● flow-result-checker: ^0.3.0
- ● jest-expo: ^33.0.0
- ● react-test-renderer: 16.0.0-alpha.12
Scan with Expo