Skip to content
FEEDBACK · FREE

Skeleton

Placeholders that make loading feel quicker.

Placeholders that make loading feel quicker, shaped like the content that will appear.

Why it helps

  • Placeholder shapes
  • Calm loading
  • Simple

Where it fits

  • Lists
  • Cards
  • Text
Skeleton control in a RayCraft page

Example

<Stack Spacing="4" Align="center">
    <Skeleton Shape="SkeletonShape.Circle" />
    <div style="flex:1">
        <Skeleton Width="60%" />
        <Skeleton />
        <Skeleton Width="80%" />
    </div>
</Stack>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation