Square Accordion Loader

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

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>
  );
}

Source

loading-ui.com

Published

7/16/2026

Similar components

Explore more

Loading components459 Animated Loader components228 Ascii components108 Monospace components264 Minimal components5706

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Square Accordion Loader

Tags

Source

Published

Similar components

Explore more