Examples

Interactive demos showcasing different features and use cases.

Styling note

Examples use Tailwind CSS for card content styling. The library itself ships no styles for card visuals, buttons, or indicators — use any CSS approach you prefer.

Examples

• Basic Usage - Simple horizontal swiping
• Flip Cards - Two-sided cards
• Custom Actions - Manual control buttons
• Drag Limits - Constrained dragging
• Delta Indicators - Visual feedback
• Tinder Style - Image cards with overlays
• Stack Usage - Multiple stacked cards
• Virtual Rendering - 10,000+ cards
• Infinite Loop - Endless swiping
• Scale Transform - Custom transforms
• Transitions - Custom animations

Interactive Demo

For a live playground with all configurable options, see the Interactive Demo.