Orbit Loader

About this piece

Three dots circle a breathing core at their own speeds inside a slowly counter turning dashed ring, a calm stand in for a busy state.

Usage

The import and the props worth knowing about, in one place.

import { Shapes80 } from "@/components/beste/piece/shapes80";

<Shapes80
  tone="primary"
/>

Triangle, circle, and square primitives lined up in three tones.

Four bordered tiles each with a digit value above a small unit label.

Three overlapping circles separated by card-colored rings.

Three-segment stacked bar with a dotted legend underneath.

Four nodes connected by lines, two complete, the third active, the last pending.

Five carousel dots with the active one stretched into a pill.