Introducing Vortex Spinners

Forty CSS-animated loading indicators with shared sizing, color, and accessibility controls.

Added

Introduced 40 loading patterns built from a shared 5×5 cell grid. Each pattern uses CSS-only animation, with the shared runtime handling responsive sizing, semantic colors, animation speed, rounded cells, pausing, and determinate progress. Because every pattern follows the same contract, a product can change its loading language without changing the component integration.

Spinners support accessible labels or a decorative mode, respect reduced-motion preferences, and mirror directional patterns for right-to-left layouts. Individual spinner imports and the package's side-effect metadata allow bundlers to ship only the patterns an app uses. Determinate progress can be introduced later by passing progress, so an indeterminate wait can become a measured upload without swapping components.

Requirements

The published package supports React 18 and 19 and requires Vortex 0.4.3 or later.

Install @vortexlabs/vortex-spinners to get started. Explore the spinners.