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

Stable
Stable
Web Components
Planned
Stable
Stable
iOS JustUI [UI Kit]
Stable
iOS PIE [SwiftUI]
Stable
Android PIE [Compose & Views]
Alpha