Loading Spinner

A customizable loading spinner with light and dark mode support and smooth animations.

Loading...

Installation

pnpm dlx rareui add LoadingSpinner

Usage

Usage

1

Import the component

import LoadingSpinner from "@/components/rareui/LoadingSpinner";
2

Use in your application

export default function MyComponent() { return ( <div className="flex items-center justify-center h-screen"> <LoadingSpinner /> </div> ); }

Features

Fluid continuous rotation using Framer Motion.

Props

PropTypeDefaultDescription
classNamestringundefinedAdditional class names for styling the container