Arc Spinner

A tiny rotating-arc loading spinner (an open stroke spinning in a circle) for inline loading states in buttons, fields, or panels. Ported to React from Pedro Lunet's loadsv Svelte spinner library (MIT).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Arc Spinner to your project and fits it to your theme.

import Arc from "@/components/ui/arc";

export default function ArcDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen bg-background text-foreground">
      <Arc size={48} />
    </div>
  );
}