Skip to content
Pinky UI

Transitions

Shape the whole experience, quietly.

Navigation, Heroes, ambient backgrounds, page transitions and spatial interfaces—built from Pinky's shared motion, pointer, scroll and morph systems.

04 · Transitions

Continuity without making people wait.

Shared Element Transition

Open the project surface: the source itself expands using Pinky's existing Morph architecture.

Bubble Transition

The content genuinely changes beneath a soft circular cover.

View 1

Listen first

Find the quiet signal before adding movement.

Liquid Wipe Transition

Two transform layers create an expressive, short chapter handoff.

View 2

Shape one response

Let one interaction explain the relationship.

Blur Route Transition

The calm production default, with focus transfer after change.

View 3

Release quickly

Return attention to the content, not the transition.

Browse all · 4 transitions experiences

The full set of transitions experiences, easy to reach.

Live studies stay above. This compact catalogue keeps the full family visible, with canonical patterns first and quieter variations kept in context.

name / relationship / detail

transitions

4 entries