Snake Spinner

A circular arc loading spinner that stretches and shrinks like a snake chasing its own tail as it rotates, for showing an in-progress state in buttons, fields, or toasts. Ported from the Svelte "loadsv" spinner library by Pedro Lunet.

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

import Snake from "@/components/ui/snake";

export default function SnakePausedDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <Snake playState="paused" size={32} />
    </div>
  );
}