Concentric Ring Loader

A rotating concentric-circles loading spinner made of three nested rings spinning at different speeds and directions.

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

import ConcentricRing from "@/components/ui/concentric-ring";

export default function ConcentricRingDemo() {
  return (
    <div className="w-full h-screen flex items-center justify-center">
      <ConcentricRing />
    </div>
  );
}