Components
An animated SVG ripple loading spinner with expanding concentric circles that fade out, ideal for indicating loading or pending states.
Loading preview...
import { Ripple } from "@/components/ui/ripple";
export default function RippleDemo() {
return (
<div className="flex items-center justify-center p-10 text-foreground">
<Ripple className="size-12" />
</div>
);
}