About
An ASCII-style animated loading indicator where blocks pulse in a symmetric wave pattern.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Symmetric Wave to your project and fits it to your theme.
Code
How Symmetric Wave is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { SymmetricWave } from "@/components/ui/symmetric-wave";
export default function SymmetricWaveDemo() {
return (
<div className="flex min-h-64 items-center justify-center">
<SymmetricWave />
</div>
);
}








