GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Monte9 → React Native Tinder Cards

Monte9 / React Native Tinder Cards

Implementing Tinder Card animations in React Native

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

react-nativeanimationsexpo

Projects that are alternatives of or similar to React Native Tinder Cards

React Native Nav Transition
React Native Nav Transition
Stars: ✭ 154 (+541.67%)
Mutual labels:  expo, animations
app-intro-lottie-expo
App Intro component with Expo, styled-components and Lottie
Stars: ✭ 46 (+91.67%)
Mutual labels:  animations, expo
React Native Dating App
Dating app - Exponent and React Native
Stars: ✭ 352 (+1366.67%)
Mutual labels:  expo, animations
Ubercaranimation
A demo app showing movement of car on map like in Uber.
Stars: ✭ 643 (+2579.17%)
Mutual labels:  animations
Pmsuperbutton
🔥 PMSuperButton is a powerful UIButton coming from the countryside, but with super powers! 😎
Stars: ✭ 653 (+2620.83%)
Mutual labels:  animations
Android Animations
Android Animations Sample App
Stars: ✭ 16 (-33.33%)
Mutual labels:  animations
Christmas Tree
ASCII christmas-tree with animations for 256 colored terminals
Stars: ✭ 23 (-4.17%)
Mutual labels:  animations
Ng Animate
🌙 A collection of cool, reusable and flexible animations for Angular 9+
Stars: ✭ 627 (+2512.5%)
Mutual labels:  animations
Gqanimation
几种常见的动画，如晴天，雨天，多云，雷阵雨，二维码扫描，脉冲等
Stars: ✭ 19 (-20.83%)
Mutual labels:  animations
Animatedbottombar
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.
Stars: ✭ 797 (+3220.83%)
Mutual labels:  animations
Jquery Animatenumber
jQuery animate number
Stars: ✭ 768 (+3100%)
Mutual labels:  animations
Vue Overdrive
Super easy magic-move transitions for Vue apps
Stars: ✭ 660 (+2650%)
Mutual labels:  animations
Push State
Turn static web sites into dynamic web apps.
Stars: ✭ 16 (-33.33%)
Mutual labels:  animations
React Native Bundle Visualizer
See what packages are increasing your react-native bundle size 📦
Stars: ✭ 641 (+2570.83%)
Mutual labels:  expo
Animate Components
✨ Elemental components for doing animations in React
Stars: ✭ 908 (+3683.33%)
Mutual labels:  animations
Flutter ui challenge flight search
An advanced UI design implemented in Flutter
Stars: ✭ 642 (+2575%)
Mutual labels:  animations
Loaderbutton
LoaderButton is a very interesting animation loading button.
Stars: ✭ 19 (-20.83%)
Mutual labels:  animations
Viewanimator
ViewAnimator brings your UI to life with just one line
Stars: ✭ 6,592 (+27366.67%)
Mutual labels:  animations
Examples
Example projects that demonstrate how to use Expo APIs and integrate Expo with other popular tools
Stars: ✭ 747 (+3012.5%)
Mutual labels:  expo
React Cool Inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
Stars: ✭ 830 (+3358.33%)
Mutual labels:  animations
View All Similar Projects ➔

React Native Tinder Cards

Tinder Cards like behaviour in React Native.

Demo

demo

TODO:

  1. [ ] Enable onPress toggle in header
  2. [ ] Display when a card is liked or disliked
  3. [ ] Add onPress feedback for footer buttons
  4. [ ] Add restart button on last card to reload cards
  5. [ ] Enable Super-Like functionality when on swipe-up

Motivation

App built as part of Stephen Grider's Udemy course called React Native: Advanced Concepts.

Check it out here: https://www.udemy.com/react-native-advanced/learn/v4/overview

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].