Blazor Skeleton is a modern data-loading indicator which shows a preview of how the page is going to be displayed with shimmer effect when data is loaded. It provides improved user experience.
Use built-in shapes in Blazor Skeleton to create a preview of any layout.
Blazor Skeleton supports wave, fade, and pulse shimmer effects.
The appearance of Blazor Skeleton can be customized by changing the wave color, background, width, and height. Shimmer effect can be applied to any element to make it act like a CSS component.
The Blazor Skeleton supports these built-in themes: Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, Fluent, and high contrast. Users can customize one of these built-in themes or create new themes to achieve their desired look and feel by simply overriding SASS variables or using our Theme Studio application.
Easily get started with the Blazor Skeleton using a few simple lines of C# code example as demonstrated below. Also explore our Blazor Skeleton Example that shows you how to render and configure the Blazor Skeleton.
@using Syncfusion.Blazor.Notifications
<SfSkeleton Height="15px" Shape=SkeletonType.Text></SfSkeleton>
The Skeleton component is also available in Angular, React, Vue, and JavaScript frameworks. Check out the component on other platforms using these links:
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.