Components
A circular loading spinner with an orbiting arc that rotates outside the base ring to indicate ongoing activity.
Loading preview...
import { OrbitRing } from "@/components/ui/orbit-ring";
export default function OrbitRingDemo() {
return (
<div className="flex min-h-64 w-full items-center justify-center gap-10 bg-background text-foreground">
<OrbitRing className="size-6 text-muted-foreground" />
<OrbitRing className="size-10 text-foreground" />
<OrbitRing className="size-16 text-primary" />
</div>
);
}