Spinning Circle

An animated circular loading spinner with an optional loading message positioned around it, for indicating a pending or in-progress state.

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

import { SpinningCircle } from "@/components/ui/spinning-circle";

export default function SpinningCircleWithMessageDemo() {
  return <SpinningCircle message="Loading..." />;
}