New: RadzenSkeleton Blazor Component

Loading states are part of every modern web application. Instead of leaving users staring at empty screens or spinners, developers now use skeleton loaders — lightweight placeholders that resemble the content being loaded.

With the latest release of Radzen.Blazor, you now have a dedicated component for this: RadzenSkeleton.

What is RadzenSkeleton?link

RadzenSkeleton is a UI component that displays a placeholder while your application fetches data. It helps you:

• Maintain layout — reserve space so the UI doesn’t shift when content arrives.
• Improve perceived performance — users see immediate structure instead of a blank screen.
• Match content shapes — text, images, avatars, cards, or custom layouts.

Basic Usagelink

With RadzenSkeleton, you can make loading states in your Blazor apps look professional, smooth, and consistent with minimal effort. Here’s how you can get started:

<RadzenSkeleton />

This renders a simple text skeleton with a height value inherited by the parent's font size.

You can also create circular or rectangular skeletons, ideal for profile pictures, icons, or images.

The component is flexible enough for complex placeholders:

• Animations - choose between Pulse or Wave to indicate activity.
• Custom dimensions - control width and height to mimic your actual UI.
• Multiple placeholders - in combination with RadzenStack and RadzenTable you can simulate entire cards, forms, or grids.

<!-- Circular skeleton -->
<RadzenSkeleton Variant="SkeletonVariant.Circular" Style="width: 1rem; height: 1rem" />

<!-- Rectangular skeleton with Wave animation -->
<RadzenSkeleton Variant="SkeletonVariant.Rectangular" Animation="SkeletonAnimation.Wave" Style="width: 4rem; height: 4rem" />

When to Use Itlink

• Data-heavy dashboards – show the layout of charts and tables before data loads.

• Lists and feeds – simulate rows, images, or text blocks.

• Profile pages – placeholders for avatars and user details.

Explore all demos and usage examples here: Radzen Skeleton Component Demos.