DR.UI

Logo Carousel

A minimal animated logo switcher using React and Framer Motion. It cycles between logo sets with smooth transitions—perfect for showcasing tools, partners, or tech stacks in a clean, dynamic way.
Like
v1.0
Next.js
React JS
Tailwind CSS
Framer Motion
Props
PropTypeDefaultDescription
logosAArray-First set of logos to display. Each object should contain { logo, name }
logosBArray-Second set of logos. Each object should contain { logo, name }
classNamestring-Additional Tailwind classes for wrapper container.
classNamestring""Additional Tailwind / custom styles.
textSizestring20pxControls size of the logo label text.
timenumber5000Interval (ms) to switch between logo sets.
Dependencies
framer-motionCLSXTailwind Merge