Components
Serpent Zip
An animated dot-matrix loading indicator where a stepped snake traces a serpentine zigzag path with a soft trailing tail across a triangle-shaped grid.
import { DotmTriangle13 } from "@/components/ui/dotm-triangle-13";
const settings = {
size: 240,
dotSize: 22,
speed: 1.65,
halo: 0,
bloom: false,
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">
<DotmTriangle13
size={s.size}
dotSize={s.dotSize}
speed={s.speed}
halo={s.halo}
bloom={s.bloom}
muted={s.muted}
/>
</div>
);
}