Infinite Slider
Seamless infinite scrolling marquee for React with customizable speed and pause-on-hover. Perfect for logo carousels, testimonials, and brand showcases.
Installation
npx smoothui-cli add infinite-sliderFeatures
- 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
Animated React component that reveals EXIF and image metadata on hover with smooth panel transitions and Tailwind CSS styling.
Interactive Image Selector
Animated React image selector grid with toggle selection, animated ring effects, keyboard support, and custom caption renderers.