Components
Vertex Chase
A dot-matrix loading spinner where three dots chase around a triangle outline leaving short fading trails while the dots stay fixed in place.
import { DotmTriangle4 } from "@/components/ui/dotm-triangle-4";
const settings = {
size: 160,
dotSize: 12,
speed: 1.5,
bloom: true,
halo: 2,
muted: false,
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="flex h-screen w-screen items-center justify-center bg-background text-foreground">
<DotmTriangle4 {...s} />
</div>
);
}