design-infraReport a problem or share feedback← Catalog
Infinite Slider
freesmoothui/infinite-slider
A InfiniteSlider component for SmoothUI.
$
npx shadcn@latest add @smoothui/infinite-slidernpm deps: motion, react-use-measure
- Source
- SmoothUI
- Kind
- component
- Categories
- carousel
- Use as
- wrapper — wraps your existing element
- Applies to
- logo-cloudtestimonialscarousel
- Motion
- on loop · medium · motion · medium cost · respects reduced motion
- Tags
- slider, infinite, marquee, carousel, auto-scroll, tween, complexity-medium, reduced-motion
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- 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 Moving Cardsaceternity/infinite-moving-cardsMarquee of testimonial/logo cards. Pause-on-hover is built in.
- Infinite Slidermotion-primitives/infinite-sliderInfinite marquee with speedOnHover and vertical mode; alternative to magicui/marquee using motion + react-use-measure.