Docs
cardCarousel

cardCarousel

A simple cardAnimation

Latest component

Card Carousel

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-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>
  )
}
Animated NumberCard Swiper