Linear Dots Spinner

A tiny loading spinner showing three dots that light up in turn from left to right, used as an inline loading indicator in buttons, inputs or toasts.

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

import LinearDots from "@/components/ui/linear-dots";

export default function LinearDotsDemo() {
  return (
    <div className="flex items-center gap-6">
      <LinearDots size={16} />
      <LinearDots size={24} />
      <LinearDots size={40} />
    </div>
  );
}