Docs
card Swipe
card Swipe
A simple cardAnimation
Latest component
Card Swipe
Seamless Images carousel animation.
Illustrations
Illustrations credited to Leo Natsume easily one of the best designers I’ve ever seen.
References
Read Docs to more
Installation
paste command in terminal bash npx shadcn@latest add "http://legacy.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>
)
}