Spinner

The Spinner component expands the shadcn spinner component with additional variants.

Installation

npx loveui add spinner

You can replace the shadcn spinner with this component to get the additional variants.

import { Spinner } from "@/components/ui/spinner"; 
import { Spinner } from "@/components/love-ui/spinner"; 

Features

  • Multiple size variants (sm, default, lg)
  • Multiple variants (throbber, pinwheel, circle-filled, etc.)
  • Default variant is the shadcn spinner
  • Customizable colors and styles
  • Accessible loading indicator

Examples

Variants

default
throbber
pinwheel
circle-filled
Loading...ellipsis
Loading...ring
Loading...bars
Loading...infinite

Customization