Skip to content
Pinky UI

media

Interaction for real content and products.

Media inspection, tactile form controls, lightweight data interaction and anchored contextual surfaces—without replacing native semantics or pulling in a platform-sized dependency.

01 · Media

Inspect, compare and continue—without an autoplay wall.

Morph Lightbox

A collection grid where the chosen thumbnail becomes the focused surface.

Before / After

A real redesign comparison using one native range across aligned visuals.

Before

A rigid dashboard

After

A quieter workspace

Hover Video Scrubber

Move or drag across the reel; keyboard arrows seek and Space toggles playback.

Scrub · play

Image Sequence

A bounded process sequence with drag, touch and keyboard frame selection.

Workspace process frame 11 / 4

Expandable Media

An article diagram expands in place rather than joining a gallery modal.

Floating Media Player

Explicit minimize, restore and close states around a host-owned player.

Host media surface

Motion with restraint · lesson 01

Media Lens

A restrained image magnifier that keeps the surrounding media context in view.