Swipeable Card
Touch-friendly swipeable card component with gesture support, customizable actions, and smooth animations for mobile-first interactions and card-based interfaces.
Pro Features
Unlock advanced capabilities with the Pro version
Advanced Gesture Recognition
Sophisticated touch and mouse gesture handling with velocity detection and customizable thresholds
Smooth Animations
Hardware-accelerated animations with spring physics and natural motion curves
Mobile-First Design
Optimized for touch interfaces with proper hit targets and gesture feedback
Stack Support
Built-in support for card stacks with proper z-index management and stack animations
Flexible Layout
Adapts to any card design with customizable dimensions and content layouts
Installation
Install via CLI
moonui add swipeable-cardUsage
Swipeable Card
Swipe left or right to interact with this card
Examples
Basic Swipeable Card
Simple card with left and right swipe gestures
Swipeable Card
Swipe left or right to interact with this card
Card with Action Buttons
Interactive card with both swipe gestures and button actions
Premium Content
Swipe right to like, left to pass
Tinder-Style Card Stack
Stack of cards with dating app-style swipe interactions
Mike Chen
32 years old
Emma Davis
26 years old
Sarah Johnson
28 years old
Love hiking and coffee
Notification Cards
Swipeable notification cards with dismiss actions
New comment
John replied to your post
Bookmark saved
Your article was bookmarked
System update
New features available
Custom Threshold and Feedback
Configurable swipe threshold with visual feedback
Custom Threshold
Swipe 100px to trigger action