Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.
A labeled progress bar with status glows, animated stripes, and scanline styling.
A circular progress indicator with configurable size, status color, glow, and pulse.
A video timeline with current and end times, progress fill, and labeled markers.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Use to show a placeholder while content is loading.
A horizontal indicator that communicates the completion of a task, either as a known percentage or an indeterminate wait.
A circular indicator that shows task completion or an indeterminate operation in a compact area.
A coordinator for multiple skeleton placeholders that shares loading state and centralized animation settings across its items.
An animated loading placeholder that stands in for pending content with shimmer, pulse or animation-free treatments.
A rotating loading indicator with configurable size and semantic color, plus support for a custom indicator icon.
Reserves space for an avatar and identity details while profile data loads.
Approximates alternating conversation rows until message history is available.
Preserves a card's outer shape and content hierarchy during loading.
Uses varied placeholder lines to approximate headings and paragraph copy.
Holds the positions of labels, fields, and actions until form data is ready.
Maintains row and column structure while records are being fetched.
Reserves aligned metric cards so the dashboard does not shift when totals arrive.
Represents repeated rows and their controls while list data loads.
Maintains the multi-column layout until each card's content is available.
