Square Accordion Loader

An animated ASCII square loader whose block glyphs trace the perimeter like an accordion for loading states.

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

import { SquareAccordion } from "@/components/ui/square-accordion";

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