Progress Telerik UI for Blazor

Blazor Skeleton

  • Create a preview of how content is going to be displayed before it’s loaded and improve user experience with the Telerik Blazor Skeleton component.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, a document processing library, rich docs & demos to help you get started in no time.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for Blazor Skeleton component serves as a placeholder representing each of the underlying HTML elements while users are waiting for the page content to load. The Skeleton includes customization options for its shape, height, width, animation type, visibility, and CSS class.  

    See a demo of the Blazor Skeleton UI component. 

    Telerik UI for Blazor Skeleton Component
  • Blazor Skeleton Animations

    The Skeleton component has the ability to animate the content loading process. The AnimationType parameter allows you to configure the animation types of the Skeleton component. You can choose between Pulse (default), Wave and no animation.  

     

  • Integrating the Blazor Skeleton Component

    The Blazor Skeleton allows seamless integration with other Blazor UI components, such as the Data Grid, to indicate that content is being loaded.  A typical use case is mimicking the grid rows while data loading takes place, depicting a table with skeletons in its columns. 

    See an example of integration between Blazor Skeleton component and Data Grid.

    Telerik Blazor Skeleton Data Grid Integration
  • Blazor Skeleton Shapes

    The Skeleton component placeholders can take the form of text (default), а circle, or rectangle. To configure the shape of each skeleton placeholder, you simply need to set the ShapeType parameter to one of the available SkeletonShapeType enum values. 

    See an example of various Blazor Skeleton UI component appearance options.

     

    Telerik Blazor Skeleton UI Component Shapes
  • Skeleton Theming

    The Telerik UI for Blazor Skeleton component comes with several built-in themes and color swatches, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap and Fluent (based on Microsoft Fluent UI).  

    Telerik Blazor Skeleton UI Component Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.