Contact

Design sandbox

Teleport UI patterns

A collection of small experiments using Vue Teleport to preserve component state while the View Transition API animates elements across otherwise unrelated parts of an interface.

Pattern 01

Move between containers

01

Container 1

Persistent component

DemoBox

I am the same Vue component before and after each move.

02

Container 2

Pattern 02

Card to detail panel

The card stays intact. Detail typography enters separately instead of scaling with it.

A mobile product interface shown on a warm yellow background
Case studyBooking without barriers

A persistent card in a project collection.