Spinning Circle

A customizable spinning circle loader component for indicating loading states in your application. Features smooth animations and optional loading messages.

Installation


pnpm dlx shadcn@latest add "https://moleculeui.design/r/spinning-circle"

Usage

import { SpinningCircle } from "@/components/molecule-ui/spinning-circle"

<SpinningCircle />

Examples

With message

Props

Prop	Type	Default
`messagePlacement?`	`"top" \| "bottom" \| "left" \| "right"`	`bottom`
`message?`	`string`	-

Orbital Loader Typewriter

On This Page

Installation Examples With message Props