3 dots loader

sleek, minimal loader animation where three separate balls move independently at first, then merge into one and spin together — symbolizing alignment, synergy, or a process coming together.

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

import { Component } from "@/components/ui/3-dots-loader";

export default function DemoOne() {
  return <Component />;
}