Skip to main content

Skeleton

A skeleton is a visual representation used to indicate the presence of content that is being loaded.

Overview

The purpose of skeletons is to provide a visual indication of ongoing loading, reducing perceived waiting time and improving the user experience. By showing a skeleton representation of the content, users can anticipate and understand the structure of the upcoming information.

Skeletons mimic the layout and structure of the expected content, but with simplified or stylized representations. They consist of simple shapes that give users a sense of the content's location and size.

A group of text and image skeletons.

Resources

Available
Available
Web Components
Planned
Available
Available
iOS JustUI [UI Kit]
Available
iOS PIE [SwiftUI]
Available
Android [XML views]
Alpha
Android [Jetpack compose]
Planned