Components
An animated dot-matrix loading spinner where a bright braille cell head orbits an inner ring with a dim trailing tail while the rail columns stay softly lit.
Loading preview...
import { DotmCircular19 } from "@/components/ui/dotm-circular-19";
export default function Default() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-10 text-foreground">
<div className="flex flex-col items-center gap-6 rounded-xl border border-border bg-card px-14 py-12 text-card-foreground">
<DotmCircular19 size={72} dotSize={9} />
<span className="text-xs tracking-wide text-muted-foreground">
Loading…
</span>
</div>
</div>
);
}