Spring Ring Expand

A small looping loader made of two expanding, fading rings, used as a lightweight spinner for loading states.

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

import SpringRingExpand from "@/components/ui/spring-ring-expand";

export default function SpringRingExpandDemo() {
  return (
    <div className="flex items-center justify-center w-full h-full min-h-[200px]">
      <SpringRingExpand />
    </div>
  );
}