design-infraReport a problem or share feedback← Catalog
Infinite Slider
curatedtheme-awarefreemotion-primitives/infinite-slider
A slider component that loops infinitely through its content.
$
npx shadcn@latest add @motion-primitives/infinite-slidernpm deps: motion, react-use-measure
Our notes
Infinite marquee with speedOnHover and vertical mode; alternative to magicui/marquee using motion + react-use-measure.- Source
- Motion Primitives
- Kind
- component
- Categories
- carousel
- Use as
- wrapper — wraps your existing element
- Applies to
- logo-cloudtestimonialscarousel
- Motion
- on loop, hover · medium · motion · medium cost · ignores reduced motion
- Tags
- motion
- Licence
- MIT (ibelick/motion-primitives). Motion Primitives Pro is a separate paid product — not catalogued.
- Live demo
- motion-primitives.com
- Docs
- motion-primitives.com
Similar
Compare all 4 →- Infinite Moving Cardsaceternity/infinite-moving-cardsMarquee of testimonial/logo cards. Pause-on-hover is built in.
- Marqueemagicui/marqueeThe cleanest infinite marquee for logo clouds / testimonial rows: pure CSS animation, no colours of its own, pauseOnHover + vertical + reverse props. Duplicates children (`repeat`), so keep items light.
- Infinite Slidersmoothui/infinite-sliderA InfiniteSlider component for SmoothUI.