Shimmering Skeleton Wrapper

Wrap any placeholder and a light sweep breathes across it.

Loading preview...

Props

PropTypeDefaultDescription
childrenReact.ReactNode-Placeholder geometry to wrap. Use SkeletonBox / SkeletonLine / SkeletonCircle helpers.
loadingbooleantrueShow the skeleton shimmer. When false, renders children with no shimmer.
durationnumber1.6Sweep cycle duration in seconds.
highlightstring"var(--shimmer-hi)"Highlight color of the moving slice.
basestring"var(--shimmer-base)"Resting color of each placeholder box.
roundedstring-Optional border-radius class applied to the wrapper.