React Scroll Carousel Component - Lightswind UI
A responsive and animated scrollable carousel that displays feature cards. On desktop, it provides smooth horizontal scrolling with GSAP + ScrollTrigger pinning and progress tracking. On mobile, it animates cards vertically with fade-in and slide effects. Supports dynamic rows, custom max scroll height, and animated progress bar.
Key Details of React Scroll Carousel
The Scroll Carousel is a copy-paste component in the 3D Elements collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: 3D Elements
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup
