Swirl Spinner

A tiny loading spinner where a bright cell glides clockwise around the edge of a 3x3 grid, trailing a fading light; a React port of the Swirl spinner from Pedro Lunet's loadsv Svelte library.

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

import Swirl from "@/components/ui/swirl";

export default function SwirlPausedDemo() {
  return (
    <div className="flex h-[400px] w-full items-center justify-center">
      <Swirl playState="paused" size={32} />
    </div>
  );
}