An infinite autoplay carousel featuring smooth motion-based transitions, progress indicators, and scroll-snap behavior inspired by Apple's design language.
A staggered logo carousel that cycles through items column by column using a wave-like ripple animation built with Motion, featuring customizable column counts and directional flow.
A responsive, motion-powered carousel component featuring drag-to-swipe gestures, controlled index state, and customizable navigation arrows built with Framer Motion and Tailwind CSS.
A dynamic image gallery that features horizontally scrolling rows with speed and direction reacting to user scroll velocity, utilizing gradient masks for smooth edge transitions.
An infinite scrolling 3D marquee component featuring multiple columns of review cards with perspective transforms, hover-pause functionality, and smooth vertical animation.
A responsive horizontal carousel featuring interactive cards with images, pricing, ratings, and badges, designed for showcasing experiences or product listings with navigation controls.
A composable stories component featuring a horizontal carousel of interactive video cards that play on hover or focus, built with Tailwind CSS and shadcn/ui carousel primitives.
A full-height, 9:16 aspect ratio reel component featuring video and image playback, progress indicators, and interactive controls for navigation, playback state, and audio toggling.
A Tinder-like swipeable card stack component featuring smooth drag-to-swipe interactions, configurable stack depth, perspective effects, and Framer Motion animations.
An auto-playing carousel component featuring Embla Carousel integration, infinite looping, and interactive hover-to-pause functionality, displaying content within styled cards.
A functional carousel component featuring slide navigation controls and a dynamic counter that tracks the current slide index using the Embla Carousel API.
A vertical orientation carousel component featuring a scrollable content area with integrated navigation buttons and card-based items, built using Tailwind CSS.
A responsive carousel component featuring adjustable item spacing, navigation arrows, and card-based content slides built with Tailwind CSS.
A responsive carousel component featuring multiple visible slides with adjustable basis widths, integrated navigation buttons, and card-based content containers built with Tailwind CSS.
A responsive carousel component featuring a horizontal slide layout with integrated navigation buttons and card-based content items built using Tailwind CSS.
A responsive, touch-enabled carousel component powered by Embla Carousel, featuring customizable navigation controls, slide indicators, and seamless integration with Tailwind CSS.
A 3D interactive image sphere component that displays a collection of images in a rotating spherical layout with configurable rotation speed, scale, and container dimensions.
A headless, accessible carousel component built with Embla Carousel, featuring keyboard navigation, customizable orientation, and modular sub-components for content, items, and navigation controls.
An accessible slideshow component featuring bar-style indicators, internal navigation chevrons, and built-in auto-play controls that respect user reduced-motion preferences.
Select an Item to view its code
Choose an item from the list to view its code and files.