Docs
card Swipe

card Swipe

A simple cardAnimation

Latest component

Card Swipe

Seamless Images carousel animation.

Image 1
Image 2
Image 3
Image 1
Image 2
Image 3

References

Read Docs to more

Installation

paste command in terminal

  npx shadcn@latest add "http://skiper-ui.com/registry/card-swipe.json"

Usage

import { CardSwipe } from "@/components/ui/card-swipe"
function BasicExample() {
  const images = [
    { src: "/card/1.png", alt: "Image 1" },
    { src: "/card/2.png", alt: "Image 2" },
    { src: "/card/3.png", alt: "Image 3" },
  ]
 
  return (
   <div className="w-full">
      <CardSwipe images={images} autoplayDelay={2000} slideShadows={false} />
    </div>
  )
}
Card CarouselStacked Dialog