Wave Spinner

A loading spinner that renders five bars rising and falling in a staggered wave, ported from the loadsv Svelte spinner library, for showing inline loading/busy states that follow the surrounding text color.

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

import Wave from "@/components/ui/wave";

export default function WaveSizeDemo() {
  return (
    <div className="flex items-center gap-6 justify-center p-10">
      <Wave size={16} />
      <Wave size={24} />
      <Wave size={40} />
    </div>
  );
}