Blazor Carousel Component

Overview

The Blazor Carousel component allows users to display images with content, links, and more, like a slide show. Typical uses of a carousel include scrolling news headlines, featured articles on home pages, and image galleries.

Overview of Blazor Carousel component.

Ease of use

The Blazor Carousel component provides flexible ways to configure the look and feel of the Carousel to match your requirement using several built-in options.

Animations

Navigate among slides smoothly with built-in “slide” and “cross-fade” animation effects. You can also provide custom animation effects.

Carousel Animation documentation

Auto play slides

Carousel slide transitions are performed continuously in specified time intervals. You can also customize the time intervals.

Looping slides

Carousel’s looping functionality allows users to loop back to the first item after reaching the last item.

Completely customizable UI

Customize the appearance of any part of the Carousel interface using HTML and CSS styles.

Navigation Buttons in Blazor Carousel component.

Allows the users to change the previous and next slides.

Play button in Blazor Carousel component.

Play button

Users can control the auto play slide functionality by using the play button.

Indicators in Blazor Carousel component.

Indicators

Users can show or hide the indicators to the carousel. Indicators provide quick navigation to any slide.

Accessibility

Fully supports WAI-ARIA accessibility practices to work with screen readers and assistive devices.
Follows WAI-ARIA best practices for implementing keyboard interaction.
Based on the WCAG 2.0 standards, the UI visual elements such as foreground color, background color, line spacing, text, and images have been designed.
Supports right-to-left (RTL) text direction for users working with right-to-left languages like Hebrew, Arabic, or Persian.

Developer-friendly APIs

Developers can control the appearance and behaviors of the Carousel component using a rich set of APIs.

Built-in themes

The Blazor Carousel component supports built-in themes such as Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and high contrast. Users can customize these built-in themes or create new themes to achieve their desired look and feel by either simply overriding SASS variables or using our Theme Studio application.

Theme Studio application.

Other supported frameworks

The Carousel component is also available in Angular, React, Vue, and JavaScript frameworks. Check out the component on other platforms using these links:

Rated by users across the globe

Blazor components

The speed how they adding new Blazor controls and update theirs functionality. I am using Blazor components. Searching for Blazor components I found that Syncfusion very fast adopted theirs controls for new development platform. Tech support is fast and excellent. The best of best is that they provide free controls for small business.