Skip to the pieces
TACTILE UI

UI components

Loaders

4 pieces — 2 blocks, 2 kit parts. Every card is running; touch it.

  1. Processing State Block · A long job’s progress card, crowned by ferrofluid. The dish breathes with the work, surges as each of four steps completes, and settles to a mirror under the word “Balanced.”
  2. Shutter Preloader Block · A studio landing page that loads behind a shutter. The Iris breathes over the hero while a counter runs on its blades, then opens as the headline rises; every nav link closes it again.
  3. Lamp Kit part · The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing — always next to words.
  4. Commit key Kit part · A key for work that takes time and must not run twice. It latches below the plate while the work runs, an LED matrix in its face scanning amber, and says how it ended.