unvibed.
Menu
Free UI audit

UI motion techniques.

Try twenty working examples at a print desk. Select a technique to inspect the trigger, the two resting states and what happens with reduced motion.

Expressive treatments

  • Particles

    Mark the first approved proof with a single burst of ink flecks. The approval stays visible after the flecks disappear.

  • Liquid morph

    Round a square ink stamp into a pebble. The silhouette changes inside the proof frame while the control keeps its shape.

  • Kinetic type

    Shift two words off their common baseline to try a different setting for a specimen title. The phrase stays readable throughout.

  • Split-flap display

    Advance the press counter by one impression. Only the changed digit turns over its center hinge.

  • Halftone reveal

    Inspect a solid ink disc as a screened print. A wipe exposes the fixed dot grid without shifting the plate.

  • Isometric assembly

    Separate the substrate, ink and varnish in a print sample. The same viewing angle lets you read their stacking order.

  • Blueprint draw-on

    Trace a binding notch on a measured drawing. The width label is visible before you inspect the cut.

  • Gradient mesh

    Compare two overprinted color fields in a bounded swatch. Selecting the second mix changes the ink names alongside the preview.

Explanatory motion

  • Comparison wipe

    Slide a divider across two registered impressions of the same print to inspect the ink change at any point.

  • Route trace

    Follow a proof from the studio to the press. Highlighting this handoff keeps both endpoints and the underlying route visible.

  • Frame scrub

    Inspect six stills of a folded sheet opening. Each slider stop names an angle, so you can step backward to inspect the fold.

  • Shared-element transition

    Open a small plate as a full proof. The same printed mark expands into the inspection view while focus moves to its title.

Product interactions

  • Anchored popover

    Open the stock details beside a proof label. The small panel identifies the sheet, then returns focus to the label when dismissed.

  • Drag-to-dismiss sheet

    Open a proof specification sheet and pull its handle down to close it. A short pull returns the sheet to its reading position.

  • Press feedback

    Press the ink sample to stamp a proof. Its inner face compresses on contact while its hit area and focus ring stay in place.

  • Active tab indicator

    Switch between ink and stock notes. The underline travels to the width of the chosen tab while its panel updates immediately.

  • Reordered list

    Move a proof earlier in the print queue. Its row keeps focus while its neighbors settle into their new positions.

  • Proof crossfade

    Choose an ink revision for the same plate. The paper and crop stay fixed while the newly selected proof fades in.

  • Determinate progress

    Check three print separations and see progress advance with each completed inspection. The total is the number of checked plates.

  • Undoable row removal

    Archive the insert from a sample print order and bring it back with Undo. The restored row returns to its original position.