Concept · exploration build
Mechanics that make decisions feel decidable.
A working catalog of gesture, transition and feedback primitives you can tap, drag and break. Each one explains when it helps the user and when it gets in the way — so you can pick the right one before shipping.
- Mechanics
- 8
- Combos
- 3
- Reset keys
- R · Esc
Tap, hold, drag
Mechanics catalog
Pick a primitive. Every control is a real, working component with reset, keyboard and reduced-motion support.
Side-by-side comparison
Pick two mechanics to weigh cost, reach and motion cost before you commit to one.
Composition flows
Same primitives, different stories. Run any combo, change a step, watch the flow rebuild.
Working principles
- Motion explains state. A transition tells the user something changed, not just that something moved.
- Energy is finite. Choose one star mechanic per screen; the rest should be quiet.
- Every primitive is reversible. Esc, R and the back gesture should all return to the previous state.
- Reduced motion is a first-class output. Not a fallback. The same content, served with less.