rnblocks

Dating App

Dating app with swiping functionality

Click Launch Snack to preview on iOS, Android, or Web. To run it on your own device, scan the QR code under the My Device tab — you'll need the free Expo Go app installed on your phone.

Loading preview…

Customize this template

Overview

This is a Tinder-style dating card stack with full gesture-driven swipe mechanics. The screen renders a scrollable deck of profile cards, each with photo, name, age, distance, bio, and interest tags. Users swipe left/right to reject or like, and swipe up for super-like. Each swipe triggers haptic feedback and animates the card off-screen. The stack reveals the next card underneath with a subtle scale and opacity effect.

The component uses PanResponder to track finger movement, Animated values for position and rotation, and threshold-based logic to determine swipe intent. Cards that don't cross the swipe threshold snap back to center with spring physics.

Use Cases

Dating and social discovery apps — the core use case. Build onboarding flows where new users rate matches, or integrate into a main feed for browsing.

Profile stacks in any app — e-commerce product discovery, job candidate review, rental property browsing. Any scenario where users make quick binary (or ternary) decisions on a stream of cards.

Swipe-based onboarding — use the card mechanics without the dating domain to guide users through app features or preferences.