Radzen Blazor Components

Blazor Carousel

The Blazor Carousel cycles through content - images or any markup - with navigation arrows and paging.

Selected index
Interval
Animation duration
Items per page
Auto-cycle
Navigate

Console log

Multiple items per page link

Use ItemsPerPage to display multiple items at the same time.

Items per page
Auto-cycle

Navigation button styles link

Easily change the look and feel of next/prev navigation buttons via ButtonStyle, Shade, Variant, and Size.

Allow navigation
Buttons Style
Buttons Variant
Buttons Shade
Buttons Size

Navigation button content link

Use NextText="" and PrevText="" to add text to the next/prev navigation buttons. To change the icons, use NextIcon="" and PrevIcon="".

PrevText
PrevIcon
NextText
NextIcon

Paging link

You can disable the built-in paging via AllowPaging="false". PagerOverlay and PagerPosition help to position the pager according to your needs.

Allow paging
Pager Overlay
Pager Position

Data-binding link

Carousel with RadzenPager link

You can use the Carousel with RadzenPager component.

Frequently asked questions

How do I build an image carousel in Blazor?

Add RadzenCarousel with item content; it cycles through items with navigation arrows and optional auto-cycle and paging.

Related

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙