Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Skeleton

skeleton

Use to show a placeholder while content is loading.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

6 other registries

Similar components

Other registries' take on skeleton.

Placeholder rows in dim phosphor.

Loading placeholder on the ai2 surface-3 token with 3 shapes (line, circle, rect) and 2 animations (pulse, none). Style dimensions via className.

A placeholder animation that indicates content is loading.

Displays a placeholder preview of your content before it loads.

Used by 1 item

Built on Skeleton

Other @basecn items that list this one as a dependency.

@basecn

More from @basecn

Displays rich content in a portal, triggered by a button.

A set of collapsible panels with headings.

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Displays a callout for user attention.

Augments native scroll functionality for custom, cross-browser styling.

An input that suggests options as you type.

Visually or semantically separates content.

Displays a badge or a component that looks like a badge.