Figures · Loaders

Figures

All sixteen figures, each on repeat. Pass a name to figureConfig to use one.

triangle-turn

triangle-edges

triangle-tumble

square-turn

square-edges

square-cross

square-shuffle

square-flip

tetrahedron-tumble

circle-flow

circle-chase

tilted-orbit

spiral

figure-eight

row-hop

row-swell

import { createThinkingDots, figureConfig, figureNames } from "@reuse-sh/loaders";

// figureNames lists all sixteen. figureConfig repeats one of them.
const dots = createThinkingDots(canvas, {
  size: 32,
  config: figureConfig("square-shuffle"),
});

import { figureConfig } from "@reuse-sh/loaders";
import { ThinkingDots } from "@reuse-sh/loaders/react";

const shuffle = figureConfig("square-shuffle");

export function Saving() {
  return <ThinkingDots size={32} config={shuffle} label="Saving" />;
}