Loader

A small spinning loading indicator with configurable size and color variant, used to show a pending/loading state inline in a UI.

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

import { Loader } from "@/components/ui/loader";

export function Example() {
  return (
    <div className="flex items-center gap-4">
      <Loader size="sm" />
      <Loader size="md" />
      <Loader size="lg" variant="muted" />
    </div>
  );
}

export default Example;