Animations

Skeleton Shimmer animation

Use SkeletonShimmer for loading bars, cards, and placeholder rows.

Loading content
Loading content

Skeleton Shimmer

A shimmer motion wrapper for loading placeholders.

Loading content
Loading content

Example 1

Loading skeleton

Loading content
Loading content

Example 2

Loading skeleton

Loading content
Loading content

Example 3

Loading skeleton


Loading content
Loading content

Skeleton Shimmer

A loading placeholder using the shimmer preset.

Viewport trigger


Skeleton Shimmer

Starts when the preview enters the viewport.

Override values


Custom loading content

Custom shimmer

Adjust preset targets with props.

What it does

Animates background position across a gradient skeleton surface.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/skeleton-shimmer`.