Image Swiper

A dynamic and interactive React image swiper component that displays images as a stack of cards with a smooth, perspective-based swipe animation. Users can swipe through images with touch or mouse gestures. Highly customizable and easy to integrate. Tinder like swipe

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Image Swiper to your project and fits it to your theme.

import React from 'react';
import { ImageSwiper  } from "@/components/ui/image-swiper";

function DemoOne() {
  const imageUrls = "https://cdn.21st.dev/assets/mirror/08/084ef05eff73624edd17cf59fc5f4cc5951da39cb8c3393491b9eec0f0c331fb.jpg";

  return (
    <div className="flex items-center justify-center min-h-screen">
      <ImageSwiper images={imageUrls} />
    </div>
  );
}

export { DemoOne };