SLARIVO / CAROUSELS

Carousels Components

Browse 195 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Circular Carousel

  An animated orbital carousel that arcs cards along a curved track with smooth active-card transitions, autoplay, dot indicators, and keyboard navigation.

• Slarivo Interfaces Carousel

  Carousel component with Embla, supporting horizontal, vertical, and loop modes.

• Slarivo Carousel

  A carousel with motion and swipe built using Embla.

• Slarivo Carousel

  A customizable carousel with microinteractions and slider.

• Slarivo Carousel

  Here is Carousel component

• Slarivo Linear Carousel

  A smooth-scrolling horizontal 3D card carousel with infinite loop, drag-to-scroll, autoplay, and shared-element card expansion inspired by Linear.

• Slarivo Framer Carousel

  Carousels component from the 21st.dev community.

• Slarivo Offer Carousel

  Offer Carousel This component provides a sleek, horizontally scrollable display for showcasing offers or featured items. It includes custom navigation arrows and smooth-scrolling functionality, with cards that animate on hover for an engaging user experience.

• Slarivo Executive Impact Carousel

  A performance-optimized carousel designed to showcase high-stakes technical solutions. Features a dual-state interaction model (scroll-hover) that highlights system depth and "Smart Work" logic.

• Slarivo Feature Carousel

  An animated feature carousel with smooth slide transitions.

• Slarivo Carousel

  A flexible and easy-to-use carousel with customizable navigation and indicators.

• Slarivo Carousel

  A flexible and easy-to-use carousel with customizable navigation and indicators.

• Slarivo Animated Feature Carousel

  An animated carousel component for showcasing features with smooth transitions and interactive elements

• Slarivo Focus Rail

  A 3D, drag-and-swipe carousel with depth, autoplay, and animated context panel, designed for showcasing rich visual stories in a single, immersive focus rail.

• Slarivo Gallery Hover Carousel

  This component is a dynamic, interactive gallery built with Shadcn UI and Tailwind CSS. Each card initially displays a full-background image, which smoothly shrinks to the top half on hover, revealing a text section with a title, subtitle, and arrow button. The layout is responsive, carousel-enabled, and visually engaging, perfect for showcasing content elegantly.

• Slarivo Scroll Cards

  A smooth gallery where cards stack on scroll, each showing an image, title, and description.

• Slarivo Card Carousel

  Here is Card Carousel component

• Slarivo Card

  Place Card A visually polished card component for displaying travel destinations or listings. It includes an image carousel, rating, tags, and booking information, with smooth animations powered by framer-motion.

• Slarivo Logo Carousel

  Showcase your partners and build social proof with the Infinite Logo Carousel. This component is designed to be a flexible, plug-and-play solution for displaying a seamless, looping reel of brand logos. Key Features: Effortless Integration: Drop it into any React project. Works perfectly with the shadcn/ui ecosystem. Smooth Autoplay: Set it and forget it. The carousel loops infinitely with a configurable interval. Animated Title: Features a built-in TextRoll animation to give your section title a touch of modern flair. Highly Customizable: Easily adjust the number of logos, sizing, spacing, and animation speed directly through props. You can use the reliable default logos or pass in your own array. Perfect for "Trusted By" sections, client showcases, or any time you need to display a collection of brand logos in a clean and professional manner.

• Slarivo Stories Carousel

  Here is Stories Carousel component

• Slarivo Scroll X Carousel

  - Carousel transforms on x direction according to current scroll position.

• Slarivo Scroll X Carousel

  - Carousel transforms on x direction according to current scroll position.

• Slarivo Services Card

  Services Card – Showcase offerings. Modern UI component to present branding, development, or SEO services with clear visuals and descriptions. Ideal for portfolios and business websites.

• Slarivo Testimonial Slider

  Carousels component from the 21st.dev community.

• Slarivo Testimonial

  An animated testimonials slider, pairing a person's image on the left with their quote, name, and title on the right. Users can navigate through entries with arrow controls, and the component features a subtle animated grid background with both light and dark modes.

• Slarivo FeaturesDetail

  This FeaturesDetail component showcases product features through an animated, auto-sliding dashboard carousel with smooth GSAP transitions. It combines scroll-triggered effects and interactive tab navigation for a visually engaging feature preview.

• Slarivo Testimonial Carousel

  Testimonial Carousel with company logo and avatar

• Slarivo Elegant Carousel

  An editorial-style image carousel with a split-panel layout — text content on the left, full-bleed imagery on the right. Features smooth cross-fade transitions, a Ken Burns zoom effect on images, auto-advancing progress indicators with per-slide labels, decorative frame corners, and touch/swipe support. Ideal for fashion lookbooks, portfolio showcases, or luxury brand storytelling.

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Carousel

  Here is Carousel component

• Slarivo Feature Carousel

  Here is modern feature carousel component

• Slarivo Loading Carousel

  Here is Loading Carousel component

• Slarivo Testimonals Carousel

  Here is Testimonals Carousel component

• Slarivo Product Card

  Product Drop Card A sleek, carousel-style card component to showcase upcoming product drops or featured items. It includes navigation controls and a clean layout, perfect for highlighting new arrivals.

• Slarivo Sparks Carousel

  Sparks Carousel A responsive carousel component designed to display a collection of curated cards. It features smooth scrolling animations powered by Framer Motion and is fully themeable using shadcn/ui CSS variables.

• Slarivo Orbiting Carousel with Animated Icons

  This variation of the Orbiting Carousel adds a layer of interactivity with animated icons. Each item in the carousel not only orbits but also features its own animation, drawing attention and adding a playful touch to your UI.

• Slarivo Notifications Toggle

  This Lucide-based Notifications component is a clean, professional solution for handling user alerts with both dark and light theme support. It offers two distinct views inside a popover: a carousel mode, where users can browse notifications one at a time with smooth navigation controls, and a vertical list mode, which displays multiple notifications in a scrollable stack. Each notification includes a Lucide icon, title, description, and timestamp, providing clear context without relying on colors or emojis.

• Slarivo Carousel

  A carousel with motion and swipe built using Embla.

• Slarivo Carousel

  A carousel with motion and swipe built using Embla.

• Slarivo Testimonial Slider

  Testimonial Slider A modern, animated testimonial slider component that showcases user feedback with an image, quote, rating, and navigation controls. It's designed to be easily integrated and customized by passing an array of testimonial data.

• Slarivo RuixenCarouselWave

  This component is a sleek, GSAP-powered horizontal carousel that showcases Ruixen-style UI cards with a wave-like animation. It highlights one card at the center by dipping it slightly downward and scaling it up, creating a dynamic focus effect. Users can navigate through the cards using arrow buttons, and the carousel loops infinitely for a smooth, continuous experience. Each card includes an image, title, subtitle, and a badge, making it perfect for showcasing features, projects, or templates in a visually engaging way.

• Slarivo Phone Mockups 1

  An auto-rotating iPhone mockup carousel that showcases app screenshots inside a realistic phone frame with previous, next and pause controls.

• Slarivo Project Showcase

  A customized version of the Aceternity's Animated Testimonials component. This component is also available on Namer UI: https://namer-ui.netlify.app A slightly different Vue version is available at https://namer-ui-for-vue.netlify.app/components/project-showcase

• Slarivo Stock Portfolio Card

  Stock Portfolio Card This component provides a comprehensive view of a user's stock portfolio, including total gain, individual holdings, and related news. It's designed to be highly reusable, accepting all data through props.

• Slarivo Morphing Arrow Button

  A directional button that smoothly morphs on hover: - Starts as a circular icon - Expands outward in the given direction (left or right) - Adds a subtle animated line and arrow shift for a modern touch Ideal for carousels, sliders, or navigation UIs where you want subtle motion without being intrusive.

• Slarivo Infinite Slider

  Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, marquee displays, or dynamic content showcases.

• Slarivo Infinite Slider

  Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, marquee displays, or dynamic content showcases.

• Slarivo Infinite Slider

  Infinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, marquee displays, or dynamic content showcases.

• Slarivo Gallery with image cards

  A carousel gallery of full height image cards with case study text on top.

• Slarivo Animated Testimonials

  Minimal testimonials sections with image and quote. Features: - Image Carousel: Enjoy smooth animated image transitions with cool 3D rotation effects. - Word Animation: Watch text pop up with a fun word-by-word animation. - Navigation Controls: Easily navigate with Previous/Next buttons that have hover animations. - Autoplay Support: Choose to have an automatic slideshow if you want. - Shadcn/ui Integration: Get built-in theme support for a consistent look. - Responsive Layout: It adjusts from a two-column layout on desktop to a single-column view on mobile. - Customizable Styles: Style it your way with easy customization through className props. Example Use Cases: - Customer Reviews: Show off customer feedback along with their photos. - Team Showcase: Highlight team members with their profiles. - Client Testimonials: Present client feedback in a visually appealing way. - Portfolio Reviews: Feature project feedback from clients.

• Slarivo Logos 3

  Client logos scrolling automatically with a Carousel with masked edges

• Slarivo Logo Carousel

  Logo Carousel

• Slarivo Stagger Testimonials

  Testimonial Component that stands apart from the boring boxes of quotes. Dark mode compatible, no frame motion used.

• Slarivo 3D Carousel

  A 3D image carousel

• Slarivo image auto slider

  A smooth looping image slider that shows different nature scenes one after the other. The images gently slide from left to right in a continuous flow. Great for adding a calm and modern visual touch to any section.

• Slarivo Carousel

  A flexible and easy-to-use carousel with customizable navigation and indicators.

• Slarivo Carousel

  A flexible and easy-to-use carousel with customizable navigation and indicators.

• Slarivo Gallery 6

  A full-width, off-screen gallery with the carousel component.

• Slarivo Cases with Infinite Scroll

  Cases with a carousel of images, suitable for clients, partners, or integration.

• Slarivo Feature Carousel

  Feature Carousel Interactive showcase for highlighting multiple app features in a swipeable, modern layout. Perfect for engaging users while promoting mobile-friendly tools and experiences.

• Slarivo Testimonials

  Testimonials with a carousel of reviews

• Slarivo Circular Gallery

  Showcase content in an interactive, rotating carousel that keeps users engaged. Ideal for portfolios, product displays, or immersive visual storytelling.

• Slarivo CardStack

  An interactive 3D card stack carousel with fan-out animation, drag gestures, and auto-advance support.

• Slarivo Feature with Image Carousel

  Feature block with Image Carousel

• Slarivo Design Testimonial

  A completely unique asymmetric layout testimonial. Features include a vertical left column with rotated "Testimonials" text and an animated progress bar.

• Slarivo Profile Card Testimonial Carousel

  A responsive testimonial carousel component featuring profile cards with avatars, descriptions, and social links. Built with smooth fade animations, bottom navigation controls, and supports both light and dark themes for seamless integration.

• Slarivo Carousel card

  UI component for card with carousel effects

• Slarivo Testimonial

  Dragable testimonial, where user can swap to change

• Slarivo Slideshow

  A full-screen image slideshow component with text overlay, navigation controls, and smooth transitions.

• Slarivo Retro Testimonial Carousel

  Retro Animated Testimonial is a sleek carousel of vintage-inspired cards, each featuring a user’s photo, name, role, and feedback over a stylish background. Perfect for adding trust and a nostalgic touch to your site.

• Slarivo AI Image Generator Hero

  Images component from the 21st.dev community.

• Slarivo Progressive Carousel

  Timelines component from the 21st.dev community.

• Slarivo Glass Testimonial swiper

  Interactive 3D Testimonial Stack Component for React - A premium, drag-enabled testimonial carousel featuring stacked card animations, glass morphism effects, and smooth transitions. This React TypeScript component displays customer reviews in an engaging 3D stack layout with touch/mouse drag navigation, automatic pagination dots, and responsive design. Perfect for showcasing client feedback, user reviews, product testimonials, and social proof on modern web applications. Key Features: Interactive Drag Navigation - Users can swipe/drag cards for intuitive navigation 3D Stacked Animation - Cards stack behind the active testimonial with scaling and opacity effects Glass Morphism Design - Modern frosted glass aesthetic with backdrop blur effects Responsive Layout - Mobile-first design that adapts to all screen sizes TypeScript Support - Fully typed interfaces for better developer experience Customizable Styling - Avatar gradients, tags, stats, and color schemes Accessible Controls - ARIA labels and keyboard navigation support Performance Optimized - Efficient rendering with useCallback and ref management

• Slarivo Testimonial Slider

  Adaptive Layout: Automatically adjusts visible testimonials (1-3) based on screen size Smooth Animations: Spring-based transitions with drag-and-drop functionality Auto-Play: Rotates testimonials every 4 seconds with pause on interaction Interactive Controls: Navigation buttons and dot indicators with hover effects Mobile Optimized: Touch-friendly swipe gestures with reduced swipe threshold Visual Feedback: Animated user avatars and active slide indicators Accessible: ARIA labels and keyboard-navigable controls Modern Design: Gradient accents, card shadows, and clean typography Performance: Optimized image loading with error fallbacks

• Slarivo Stories Carousel

  Here is Stories Carousel component

• Slarivo Stories Carousel

  Here is Stories Carousel component

• Slarivo Marquee

  Marquees component from the 21st.dev community.

• Slarivo Circular Gallery 2

  Scroll Areas component from the 21st.dev community.

• Slarivo argent-loop-infinite-slider

  A high-performance, seamless infinite slider designed for luxury retail and premium product discovery. This component utilizes a "frictionless" motion logic to create an unending stream of items, reflecting a sense of boundless opportunity and "smart-work" automation. The visual architecture is optimized for high-contrast "Silver" accents—aligning with a premium metal aesthetic—and smooth, heavy-easing transitions that command user attention without being intrusive.

• Slarivo Card Fan Carousel

  Animated image card carousel with a fanned arc layout. Features elastic entrance animation, interactive hover spread, and circular single-card pagination powered by GSAP. Responsive, light/dark mode ready.

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Simple Animated Testimonials

  Clean simple animated testimonials

• Slarivo Card Stack

  This is a simple card stack component

• Slarivo Carousel

  Shareholder Reports Carousel This component displays a collection of reports in a horizontally scrollable carousel. It features navigation arrows that appear contextually based on the scroll position, providing a clean and intuitive user experience. The component is fully responsive, theme-adaptive, and built to be easily populated with data via props.

• Slarivo story-viewer

  Timelines component from the 21st.dev community.

• Slarivo Story

  - story similar to IG and facebook, you can also use it as a autoplay carousel

• Slarivo Carousel

  Carousel with auto animation

• Slarivo Cards

  Here is Blog Card Component

• Slarivo Thumbnail Carousel

  A reusable and responsive thumbnail carousel

• Slarivo Vertical Tabs

  Vertical tab navigation with smooth animated transitions.

• Slarivo Ruler Carousel

  An animated, interactive, customizable ruler style carousel perfect for showing off logos of brands you have worked with.

• Slarivo Carousel Circular Image Gallery

  Carousel Circular Image Gallery

• Slarivo Scroll Reel Testimonials

  Testimonial carousel with a counter-rotating portrait reel and per-character rising text, the middle column scrolls one way while the outer columns slide the opposite direction.

• Slarivo Flip Gallery

  Flip animation

• Slarivo Infinite slider horizontal

  Here is horizontal img slider

• Slarivo Offers Carousel

  Offers Carousel This component provides a visually polished layout to display a primary offer alongside a carousel of related items. It's built to be highly reusable, allowing you to pass in offer details and an array of items to display. Animations are handled by framer-motion for a smooth user experience.

• Slarivo Sliding Testimonial

  Beautifully designed, fully responsive, expertly crafted Testimonial with sliding animation.

• Slarivo Testimonal Slider

  Here is Testimonal Slider component

• Slarivo Horizontal Scroll Carousel

  HorizontalScrollCarousel Component Category: UI · Scroll Interaction · Showcase Framework: React (Framer Motion + TailwindCSS) 📋 Description: HorizontalScrollCarousel is an immersive scroll-based carousel built with Framer Motion and React, where cards move horizontally as you scroll vertically. It’s ideal for visual storytelling, case studies, portfolios, and interactive galleries. 🌟 Features: 🎞 Scroll-Triggered Animation: Vertically scroll to reveal horizontally sliding cards ⚙️ Powered by Framer Motion’s useScroll and useTransform 📱 Responsive and Adaptive 🖼️ Customizable cards with titles and background images 💡 Hover effect: Image zoom-in for interactivity 🧩 Ideal Use Cases: Visual portfolios Image galleries Case studies and feature highlights Storytelling sections of landing pages 📦 Dependencies: react framer-motion tailwindcss 🛠 Setup & Configuration: Replace local image paths with your own or use Unsplash CDN links: js Copy Edit const cards = [ { url: "https://images.unsplash.com/photo-1581291519195-ef11498d1cf5?w=800&q=80&auto=format&fit=crop", title: "Title 1", id: 1, }, // ...more cards ]; Make sure to wrap the component in a scrollable container to trigger the animation effectively.

• Slarivo Editorial Testimonial

  An editorial-style testimonial with a bold typographic.

• Slarivo book slider

  click to scroll

• Slarivo Testimonials Carousel

  The Testimonials Carousel component is a modern, dynamic way to showcase customer feedback in a visually appealing manner. It displays testimonial cards that scroll infinitely in either direction, providing a continuous loop of client reviews. Each card contains the user’s feedback, their image, name, and role, with the option to highlight specific keywords for emphasis. The component ensures that all text remains neatly contained within the card, maintaining readability and design consistency. Users can configure key aspects such as the scroll speed, card height, and direction of movement, allowing seamless integration into different layouts. With full support for both light and dark themes, this component enhances the presentation of user testimonials while creating an engaging and interactive user experience.

• Slarivo Scroller

  Display an overflowing list of items.

• Slarivo Carousel

  A carousel with motion and swipe built using Embla.

• Slarivo Carousel

  A carousel with motion and swipe built using Embla.

• Slarivo Framer Thumbnail Carousel

  Galleries component from the 21st.dev community.

• Slarivo Product Image Card

  The ProductImageCard component is a modern, interactive product viewer built entirely with shadcn/ui components. It presents a clean, mobile-inspired layout featuring a main product image and a vertical carousel of selectable thumbnails. Users can switch between product views using the thumbnail list or next/previous buttons, offering an intuitive browsing experience similar to e-commerce detail pages. The design is fully responsive, adapting seamlessly across devices, and maintains accessibility with keyboard navigation and focus states. With configurable titles, images, and controls, this component provides an elegant, reusable way to showcase products or visual assets in any modern interface.

• Slarivo Expand on hover

  Here is expand on hover

• Slarivo Hover Image Gallery

  A responsive image viewer that changes the visible image based on the horizontal mouse position, and enhanced with a glassmorphic tooltip. Perfect for showcasing art collections, product galleries, or any visual content where immersive user interaction matters.

• Slarivo Scroll Area

  Here is Scroll Area component

• Slarivo Onboarding Dialog

  A multi-step onboarding dialog with carousel navigation, animated progress dots, and cross-fading content. Built with Embla Carousel and Motion.

• Slarivo Stock Trends Carousel

  StockTrendsCarousel A responsive and animated carousel to display trending stock information. It features a clean header, a horizontally scrollable list of stock cards, and a navigation button.

• Slarivo Testimonial Card

  Testimonial Card This component, TestimonialCard, is designed to be a flexible and reusable element for displaying reviews and features. It accepts props for all dynamic content, including testimonials, features, ratings, and even the header logo, making it highly adaptable for different use cases beyond just Trustpilot.

• Slarivo Job Slider

  The JobSlider component is a modern, responsive carousel designed to showcase trending AI and Computer Vision job roles in an interactive and visually appealing way. Built with Next.js, Shadcn UI, and Tailwind CSS, it adapts seamlessly to both light and dark themes, ensuring a consistent user experience across devices and preferences. The component displays a two-column grid of job cards inside a smooth sliding panel, with intuitive navigation arrows for exploring multiple slides. Each card highlights the role name and the number of available jobs, making it ideal for career portals, hiring platforms, or AI-focused job boards. With its minimal code, smooth transitions, and theme-aware design, the JobSlider enhances both usability and aesthetics for modern web applications.

• Slarivo Interfaces Carousel

  Carousel component with Embla, supporting horizontal, vertical, and loop modes.

• Slarivo Interfaces Carousel

  Carousel component with Embla, supporting horizontal, vertical, and loop modes.

• Slarivo 8bit Carousel

  An 8-bit styled carousel built on Embla. Pixel-bordered slides with retro prev/next buttons featuring blocky pixel arrows, full keyboard and swipe support.

• Slarivo Box Carousel

  Here is Box Carousel component

• Slarivo Notifications Carousel

  This Notification Carousel component offers a fresh and unique take on handling user alerts. Instead of stacking notifications in a typical list, it displays them as individual cards inside a horizontal carousel that users can navigate with simple left and right controls. Each card includes a clear title, description, and timestamp, while a badge on the bell icon shows the total count of notifications. The popover is centered to the trigger for a clean, intuitive look, and the design works seamlessly in both dark and light themes.

• Slarivo Home Section

  This HomeSection component is a responsive, GSAP-animated carousel section that showcases a series of cards with smooth scaling and directional transitions.

• Slarivo Inline Citation

  Here is Inline Citation component

• Slarivo Playlist Carousel

  The Playlist Carousel is a sleek, horizontally scrollable component designed for audio applications. Each card displays the track’s image, title, and duration, while integrating two types of progress indicators: a circular progress ring around the play/pause button showing the overall playback completion, and a linear progress bar beneath the title displaying the elapsed and total time. Users can start, pause, or switch tracks directly from the carousel, and the layout remains clean with a minimal white-and-black theme. Its intuitive interface and visual feedback make it ideal for music, meditation, or podcast apps, enhancing user engagement while maintaining a polished and modern aesthetic.

• Slarivo Product Carousel

  Product Carousel This component displays a horizontally scrollable list of products with a title and navigation controls. It's built to be highly reusable, accepting all content and configuration via props.

• Slarivo Infinite Testimonials Scroller

  Testimonials section with three columns of quote cards that scroll infinitely in a vertical marquee, slowing on hover.

• Slarivo Flow Hero-1

  Animated hero section with carousel.

• Slarivo Pricing Plan Carousel

  A pricing plan carousel with arrow navigation that highlights the active plan and shows features, price, and a call-to-action.

• Slarivo Carousel Testimonials

  Full-width swipeable testimonial carousel with autoplay and dot navigation for showcasing customer quotes on landing pages.

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo Testimonial

  Here is Testimonial component

• Slarivo 3D Interactive Card Gallery

  Features This advanced 3D interactive card gallery includes: 3D Perspective Effects: Dynamic rotation based on mouse position Perspective transformations that respond to user interaction Parallax depth effects between card elements Advanced Animations: Smooth transitions between cards with cubic-bezier easing Card scaling and position animations Floating particles in the background Pulse animations on interactive elements Glassmorphism & Modern UI: Backdrop blur effects Semi-transparent overlays Dynamic gradient backgrounds that follow mouse movement Noise texture overlay for added depth Responsive Design: Adapts between horizontal carousel on desktop Vertical stacking on mobile devices Fluid typography and spacing Interactive Elements: Navigation controls with visual feedback Progress indicators Hover state animations Click interactions to change the active card Visual Polish: Custom gradient overlays unique to each card Dynamic depth-of-field effect (blur on inactive cards) Atmospheric lighting that responds to mouse position Category badges with glassmorphism effect To use this component, make sure to install Framer Motion: bash npm install framer-motion This component represents a highly polished, production-ready UI element that combines advanced CSS techniques with modern React patterns to create an immersive, interactive experience.

• Slarivo Image Expansion

  Pre-built image expansion & gallery components for modern landing pages — install on demand, no need to generate from scratch.

• Slarivo Carousel Cards

  A horizontally scrollable carousel of experience cards with image, rating, price, and favorite button, ideal for showcasing listings or products.

• Slarivo Great UI Diagonal Marquee Carousel

  A premium diagonally slanted, infinitely scrolling marquee showing cards or landscapes with offset speeds, alternating directions, and soft gradients.

• Slarivo Reshaped Carousel

  Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onChange event handlers for syncing with other components, and imperative navigation through instanceRef methods.

• Slarivo Reshaped Carousel

  Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onChange event handlers for syncing with other components, and imperative navigation through instanceRef methods.

• Slarivo Reshaped Carousel

  Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onChange event handlers for syncing with other components, and imperative navigation through instanceRef methods.

• Slarivo Reshaped Carousel

  Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onChange event handlers for syncing with other components, and imperative navigation through instanceRef methods.

• Slarivo Reshaped Carousel

  Displays its children as scrollable carousel items with a configurable number of visible items. Supports gap control aligned with your product grid, full-width bleed, onScroll/onChange event handlers for syncing with other components, and imperative navigation through instanceRef methods.

• Slarivo Reviews Carousel

  An animated carousel for displaying customer testimonials and reviews as a spring-animated stack of cards with keyboard navigation, indicators, and auto-play.

• Slarivo Testimonial Section 4

  A three-card testimonial carousel with a highlighted center quote card, customer photos, company logos, and keyboard-arrow navigation.

• Slarivo Logo Cloud Marquee

  An infinite auto-scrolling logo marquee with an edge fade mask and pause-on-hover, ideal for a "trusted by" logo cloud section.

• Slarivo Vertical Thumbnail Autostart Slider

  An auto-playing vertical image carousel with a synced thumbnail navigation strip on the side.

• Slarivo Feature Highlight Carousel

  A compact embla-powered carousel that showcases product features on icon slides with dot indicators and Prev/Next controls.

• Slarivo Accessible Image Slider Card

  An accessible image carousel card with keyboard navigation, dot indicators, reduced-motion support, and screen-reader-friendly labels.

• Slarivo Testimonials 13

  A testimonials section that scrolls customer quote cards with avatars and company logos in an auto-playing marquee that pauses on hover.

• Slarivo Logo Marquee

  An accessible, physics-based infinite logo marquee that pauses on hover and focus, respects reduced motion, and scrolls a strip of brand logos or client names.

• Slarivo Thumbnail Slider

  An image carousel with a strip of clickable thumbnails below the main slide for quick navigation, built on Embla.

• Slarivo Autoscroll Slider

  An infinite auto-scrolling carousel that continuously loops through slides using Embla and pauses on hover.

• Slarivo Vertical Thumbnail Slider

  An image carousel with a vertical thumbnail rail alongside the main slide for quick navigation between photos.

• Slarivo Onboarding Steps Carousel

  A compact multi-step onboarding carousel with a progress bar, per-step icons, and Back/Next navigation that finishes on the last step.

• Slarivo Testimonial Carousel

  A looping testimonial carousel showing a quote, author avatar and role with dot indicators to jump between slides.

• Slarivo 3D Feature Cards

  Features of this Component 3D Interactive Card System: Cards rotate based on mouse position for a realistic 3D effect Perspective transforms create depth and immersion Advanced Animation Effects: Smooth transitions between active states Floating background elements create depth Gradient pulse animations add visual interest Progress bar animations for active cards Responsive Design: Adapts from single column on mobile to 4-column grid on large screens Maintains visual impact at all screen sizes Modern UI Elements: Glassmorphism with backdrop blur effects Gradient highlights and shadows Micro-interactions on hover and click Auto-advancing Carousel: Cards automatically cycle every 5 seconds Manual control via indicator dots and card clicking To use this component, you'll need to: Install Framer Motion: npm install framer-motion Include the additional CSS or convert it to Tailwind classes Import the component into your React application This design provides a premium, cutting-edge look that combines modern UI trends with thoughtful interactions and animations.

• Slarivo Charts

  There are charts component

• Slarivo Reshaped Progress indicator

  Dot-based step indicator that takes a total amount of steps and the current activeIndex as a controlled component. Pairs with Carousel and Pagination for syncing scroll or navigation state, and supports a media color for static dark backgrounds.

• Slarivo Reshaped Progress indicator

  Dot-based step indicator that takes a total amount of steps and the current activeIndex as a controlled component. Pairs with Carousel and Pagination for syncing scroll or navigation state, and supports a media color for static dark backgrounds.

• Slarivo Logo Carousel

  An animated logo carousel that cycles brand logos in staggered slots with blur transitions, image preloading, responsive slot counts, and reduced-motion support.

• Slarivo Framer Carousel Thumbnails

  A draggable image carousel with an animated thumbnail strip that expands the active thumbnail and auto-scrolls it into view.

• Slarivo Framer Normal Carousel

  An image carousel with spring-animated sliding, prev/next arrows, and a progress dot indicator built with Motion.

• Slarivo Framer Moveable Thumbnails

  A draggable image carousel with an animated filmstrip of thumbnails where the active thumbnail expands to a wide aspect ratio.

• Slarivo Simple Carousel

  A draggable, scroll-aware marquee that continuously scrolls any elements horizontally or vertically with hover slowdown and custom easing.

• Slarivo Autoplay Carousel with Indicators

  An auto-advancing image carousel with a looping slideshow and clickable progress dot indicators.

• Slarivo News Card

  Auto-cycling market news card: timestamp, bold headline, source, and dot pagination. Dot clicks jump and reset the clock; auto-cycle pauses for reduced-motion users. Light and dark via theme tokens.

• Slarivo Stacked Card Carousel

  An interactive draggable carousel that fans out cards with rotation, overlap, and depth scaling for showcasing images or destinations.

• Slarivo News Card

  Auto-cycling market news card: timestamp, bold headline, source, and dot pagination. Dot clicks jump and reset the clock; auto-cycle pauses for reduced-motion users. Light and dark via theme tokens.

• Slarivo Changelog Carousel

  A horizontal drag-free carousel that displays product changelog releases as cards with colored version tags and dot navigation.

• Slarivo Testimonial Section 3

  A three-card testimonial carousel section with a highlighted center quote, keyboard navigation, and previous/next controls.

• Slarivo Snap Carousel

  A draggable, physics-based snap carousel with keyboard navigation, momentum flicking, peek edges, and slide indicators, driven by a headless hook.

• Slarivo Interactive Video Portfolio Scroller

  An interactive scroll-driven portfolio showcase featuring synchronized serif typography, a smooth vertical video track with autoplay controls, and mobile/iOS audio fallback support.

• Slarivo Image Stream Hero

  Two rails of images ride out of the vanishing point at the centre and sweep to both edges, growing and turning as they approach. Perspective does the sweep and the growth at once, and the loop never stops.

• Slarivo Coverflow Carousel

  A rack of square covers with the perspective reversed. The centre card sits square to the viewer while the ones beside it swing their outer edges forward, so the rack opens toward you instead of folding away. Drag it and the caption underneath follows.

• Slarivo Squeeze Carousel

  An expanding accordion image carousel: one wide hero panel, the rest squeezed into thin clickable strips. Smooth width animation, click-to-open, hover grow, autoplay, keyboard control, responsive, light and dark mode. Perfect for product features.

• Slarivo Scrollable Card Stack

  An interactive stacked card carousel where cards snap into view on scroll with parallax scale and blur, plus keyboard, touch and dot-indicator navigation.

• Slarivo Testimonial Marquee

  An infinite horizontally scrolling marquee for showcasing testimonials and social proof, with single-row, dual-row, stacked, and edge-to-edge flush variants.

• Slarivo Connected Carousel

  An interactive customer stories carousel inspired by Calendly, featuring organically linked squircle cards, seamless curved bridge connectors, an expanding aperture slide animation, and synchronized progress tab indicators.

• Slarivo Cards Rotate Slider

  A Cards Rotate Slider component for browsing sequential content, media, products, or stories, featuring responsive behavior.

• Slarivo Testimonials with Carousel

  A full-width testimonials section with an animated headline and an auto-advancing avatar carousel for showcasing customer feedback.

• Slarivo Parallax Strip Slider

  A Parallax Strip Slider component for browsing sequential content, media, products, or stories, featuring drag interaction, pointer-responsive feedback, click and selection states, responsive behavior.

• Slarivo Thumbnail Carousel

  A responsive image carousel with swipe gestures, smooth spring animations, autoplay, and clickable thumbnail navigation.

• Slarivo Image Stack Carousel

  An interactive image stack carousel with layered cards, smooth swipe gestures, and fluid transitions. Perfect for portfolios, travel galleries, projects, and visual showcases.

• Slarivo Image Fan Carousel

  A modern image carousel with a stacked fan layout, smooth transitions, and navigation controls. Perfect for travel galleries, portfolios, projects, and visual showcases.

• Slarivo Logo Loop

  A looping logo marquee that scrolls brand or tech-stack logos horizontally or vertically with fading edges, hover deceleration, and scale-on-hover effects.

• Slarivo Circular Split Roll

  Scroll-pinned split gallery: titles orbit one circular path while image cards orbit another, each item easing into focus at the centre. Theme-aware, reduced-motion fallback grid, fully prop-driven.

• Slarivo Ellipse Carousel

  Elliptical card carousel with autoplay, drag interaction, position-based scaling, mobile-specific ellipse tuning, and an optional center label.

• Slarivo Zoom Slider

  A Zoom Slider component for browsing sequential content, media, products, or stories, featuring carousel, slider, gsap, scroll.

• Slarivo Arc Flow Carousel

  A Arc Flow Carousel component for browsing sequential content, media, products, or stories, featuring carousel, slider, gsap, drag.

• Slarivo Dimensional Switch Slider

  3D card-flip carousel with directional text transitions, configurable horizontal or vertical flip axis, custom easing, autoplay and pagination.

• Slarivo Orbit Flip Slider

  A Orbit Flip Slider component for browsing sequential content, media, products, or stories, featuring carousel, slider, gsap, flip.

• Slarivo Gallery

  A rotating 3D cylindrical image gallery built with three.js that displays a sequence of photos wrapping around an animated carousel.

• Slarivo Carousel Navigator

  A Carousel Navigator component for browsing sequential content, media, products, or stories, featuring carousel, pagination, auto rotation, auto-rotation.

• Slarivo Hero Carousel

  A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused card unfurls to full height while its neighbours stay clipped to half, and the whole background re-grades to the focused photo. Wheel, drag, click and arrow keys.