About
A clock-style loading spinner with a rotating ring and a marker arm that completes a full rotation.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Clock Ring Spinner to your project and fits it to your theme.
Code
How Clock Ring Spinner is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ClockRing from "@/components/ui/spinner-08";
export default function Default() {
return (
<div className="flex items-center gap-8 p-8">
<ClockRing size="sm" />
<ClockRing size="md" />
<ClockRing size="lg" />
</div>
);
}






