Bar Cascade

An animated loading indicator made of vertical bars that cascade up and down in sequence.

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

import BarCascade from "@/components/ui/bar-cascade";

export default function BarCascadeDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen bg-background">
      <BarCascade />
    </div>
  );
}