alexandre-garrec / React Swipe Card
Tinder style swipe cards
Stars: ✭ 120
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Swipe Card
React Native Card Stack Swiper
Tinder like react-native card stack swiper
Stars: ✭ 315 (+162.5%)
Mutual labels: swipe, card
Android Swipecards View
Android library to implement cards stack view with swipe to remove feature
Stars: ✭ 162 (+35%)
Mutual labels: swipe, card
Reswipecard
a light lib for swipe the cards implemented by RecyclerView
Stars: ✭ 230 (+91.67%)
Mutual labels: swipe, card
React Native Deck Swiper
tinder like react-native deck swiper
Stars: ✭ 1,261 (+950.83%)
Mutual labels: swipe, card
Swipecell
Swipe Left2Right & Right2Left, pure SwiftUI implementation
Stars: ✭ 96 (-20%)
Mutual labels: swipe
Sweetcurtain
A framework that provides CurtainController. CurtainController is a container view controller that implements a content-curtain interface. You can find a similar implementation in applications like Apple Maps, Find My, Stocks, etc. Someone calls it "Pull Up" or "Bottom Sheet".
Stars: ✭ 109 (-9.17%)
Mutual labels: swipe
Mfrc522 Rpi
🔑 Control your MFRC522 RFID Module with your Raspberry-pi and JavaScript
Stars: ✭ 91 (-24.17%)
Mutual labels: card
Androiduigesturerecognizer
AndroidGestureRecognizer is an Android implementation of the Apple's UIGestureRecognizer framework
Stars: ✭ 119 (-0.83%)
Mutual labels: swipe
React Product Card
Animated Product Card with the help of React and SCSS (PWA)
Stars: ✭ 116 (-3.33%)
Mutual labels: card
Xamarincontrols
Cross-platform controls for Xamarin and Xamarin.Forms.
Stars: ✭ 104 (-13.33%)
Mutual labels: card
Vue Swipe Mobile
😃 A siwpe (touch slider) component for Vue2
Stars: ✭ 97 (-19.17%)
Mutual labels: swipe
Android Keyboard
Android Keyboard with 180+ dictionaries. Support swipe input (sliding input), Emoji keyboard, AI predictions, dictionaries downloading, and keyboard themes.
Stars: ✭ 108 (-10%)
Mutual labels: swipe
Mipivotpagecontroller
MIPivotPageController allows switching view controllers with an horizontal swipe
Stars: ✭ 95 (-20.83%)
Mutual labels: swipe
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-2.5%)
Mutual labels: swipe
Pokerhandevaluator
Poker-Hand-Evaluator: An efficient poker hand evaluation algorithm and its implementation, supporting 7-card poker and Omaha poker evaluation
Stars: ✭ 101 (-15.83%)
Mutual labels: card
Multiscroll.js
multiscroll plugin by Alvaro Trigo. Create scrolling split websites. http://alvarotrigo.com/multiScroll/
Stars: ✭ 1,537 (+1180.83%)
Mutual labels: swipe
React Native Swiper
The best Swiper component for React Native.
Stars: ✭ 9,797 (+8064.17%)
Mutual labels: swipe
react-swipe-card
Tinder style swipe cards
Usage
Install
$ npm install react-swipe-card -save
Demo
Code
import Cards, { Card } from 'react-swipe-card'
const data = ['Alexandre', 'Thomas', 'Lucien']
const Wrapper = () => {
return (
<Cards onEnd={action('end')} className='master-root'>
{data.map(item =>
<Card
onSwipeLeft={action('swipe left')}
onSwipeRight={action('swipe right')}>
<h2>{item}</h2>
</Card>
)}
</Cards>
)
}
Components
Cards
Props:
- className: string
- onEnd: function
- alertRight: component
- alertLeft: component
- alertTop: component
- alertBottom: component
Card
Props:
- onSwipeLeft: function
- onSwipeRight: function
- onSwipeTop: function
- onSwipeBottom: function
License
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].