Core Carousels Components Overview

The Osirion.Blazor Core Carousels module provides dynamic content display components that create engaging, interactive content rotations. These components are perfect for showcasing logos, testimonials, and other rotating content.

Available Components

Infinite Logo Carousel

A smooth, continuously scrolling carousel designed specifically for displaying partner logos, client brands, or technology stack representations with seamless infinite looping.

Testimonial Carousel

An interactive carousel component for rotating through customer testimonials, reviews, and user feedback with navigation controls and automatic progression.

Key Features

• Smooth Animations: CSS-powered smooth transitions and animations
• Touch/Swipe Support: Mobile-friendly touch navigation
• Infinite Scrolling: Seamless looping for continuous content display
• Auto-play Options: Configurable automatic progression timing
• Responsive Design: Adapts to all screen sizes and orientations
• Accessibility: Keyboard navigation and screen reader support

Getting Started

To use carousel components in your project:

@using Osirion.Blazor.Core

<InfiniteLogoCarousel Logos="@logoList" 
                      Speed="@CarouselSpeed.Medium" 
                      Direction="@ScrollDirection.Left" />

<TestimonialCarousel Testimonials="@testimonialList" 
                     AutoPlay="true" 
                     Interval="5000" 
                     ShowNavigation="true" />

Configuration Options

Both carousel components offer extensive customization options:

• Speed Control: Adjust animation and transition speeds
• Direction Settings: Configure scroll direction and flow
• Auto-play Configuration: Set timing and interaction behavior
• Visual Styling: Customize appearance and theming
• Navigation Controls: Enable/disable user interaction elements

Each carousel component is optimized for performance and provides smooth, engaging user experiences across all devices.