Infinite Slider

Seamless infinite scrolling marquee for React with customizable speed and pause-on-hover. Perfect for logo carousels, testimonials, and brand showcases.

Open in v0~8.3 kB

Last updated: March 7, 2026

1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5

Installation

npx smoothui-cli add infinite-slider

Features

  • Smooth infinite scrolling animation
  • Customizable speed and gap
  • Pause on hover support
  • Horizontal and vertical directions
  • Reverse direction option
  • Seamless loop without jumps

Accessibility

Reduced Motion

This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, the scrolling animation is stopped and the translation is reset to 0, displaying the content statically.

Props

Image Metadata Preview

Hover to reveal EXIF and metadata for images.

Interactive Image Selector

Selectable image grid with animated selection states.

On this page

Installation
Features
Accessibility
Reduced Motion
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev
react-use-measure