Components
Carousels
Infinite Carousel

Infinite Carousel

A customizable carousel component that displays a series of images or logos with a smooth infinite scrolling effect, ideal for showcasing brand partnerships or featured content.

Carousel Infinite Animated Brands

  • Logo https://webui.gopx.dev/assets/brands/nextjs.svg
  • Logo https://webui.gopx.dev/assets/brands/tailwind.svg
  • Logo https://webui.gopx.dev/assets/brands/framer-motion.svg
  • Logo https://webui.gopx.dev/assets/brands/react.svg
  • Logo https://webui.gopx.dev/assets/brands/gsap.png
  • Logo https://webui.gopx.dev/assets/brands/nextjs.svg
  • Logo https://webui.gopx.dev/assets/brands/tailwind.svg
  • Logo https://webui.gopx.dev/assets/brands/framer-motion.svg
  • Logo https://webui.gopx.dev/assets/brands/react.svg
  • Logo https://webui.gopx.dev/assets/brands/gsap.png
  • Logo https://webui.gopx.dev/assets/brands/nextjs.svg
  • Logo https://webui.gopx.dev/assets/brands/tailwind.svg
  • Logo https://webui.gopx.dev/assets/brands/framer-motion.svg
  • Logo https://webui.gopx.dev/assets/brands/react.svg
  • Logo https://webui.gopx.dev/assets/brands/gsap.png
  • Logo https://webui.gopx.dev/assets/brands/nextjs.svg
  • Logo https://webui.gopx.dev/assets/brands/tailwind.svg
  • Logo https://webui.gopx.dev/assets/brands/framer-motion.svg
  • Logo https://webui.gopx.dev/assets/brands/react.svg
  • Logo https://webui.gopx.dev/assets/brands/gsap.png

Installation

Run the following command:

npx gopx-webui add infinite-carousel

InfiniteCarousel Props

PropTypeRequiredDescription
imagesstring[]YesAn array of image sources to be displayed in the carousel.
direction"left" | "right"NoThe direction of the carousel animation. Defaults to "left".
speednumberNoThe speed of the carousel animation in seconds. Defaults to 25.
itemWidthnumberYesThe width of each carousel item in pixels.
itemHeightnumberYesThe height of each carousel item in pixels.

InfiniteCarouselItem Props

PropTypeRequiredDescription
srcstringYesThe source of the image to be displayed.
widthnumberYesThe width of the image in pixels.
heightnumberYesThe height of the image in pixels.