Skip to Content
πŸ“£ See the latest news β†’
Resources🧩 ComponentsSpinner

Spinner

A Mantine React component with SVG-based loading spinners featuring multiple animation variants, segment shapes, gradient colors, glow effects, progress mode, and compound components.

Full documentation and API reference available at gfazioli.github.io/mantine-spinnerΒ 

Installation

yarn add @gfazioli/mantine-spinner

Overview

Spinner provides a highly customizable SVG-based loading indicator:

  • Multiple animation variants β€” different spinner animation styles
  • Segment shapes β€” customizable segment geometry
  • Gradient colors β€” support for gradient color fills
  • Glow effects β€” optional glow around spinner segments
  • Progress mode β€” use as a determinate progress indicator
  • Compound components β€” composable sub-components for advanced layouts
  • Mantine theme colors β€” integrates with your palette
Last updated on