Components
Loading preview...
Here is Card Carousel component
npx shadcn@latest add https://21st.dev/r/reuno-ui/card-carousel import React from "react"
import { CardCarousel } from "@/components/ui/card-carousel"
const CardCaroursalDemo = () => {
const images = [
{ src: "https://picsum.photos/id/249/500/750", alt: "Portrait 1" }, // Example: 500px wide, 750px tall
{ src: "https://picsum.photos/id/1062/500/750", alt: "Portrait 2" },
{ src: "https://picsum.photos/id/1074/500/750", alt: "Portrait 3" },
]
return (
<div className="w-full">
<CardCarousel
images={images}
autoplayDelay={2000}
showPagination={true}
showNavigation={true}
/>
</div>
)
}
export default CardCaroursalDemo;