Docs
cardCarousel
cardCarousel
A simple cardAnimation
Latest component
Card Carousel
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-carousel.json"
Usage
import { CardCarousel } from "@/components/ui/card-carousel"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="pt-40">
<CardCarousel
images={images}
autoplayDelay={2000}
showPagination={true}
showNavigation={true}
/>
</div>
)
}