Back navigation iconCrafts

Liquid UI

Two interface objects can feel like one when their shared edge responds to the space between them. This experiment uses a smooth union to turn that edge into a soft, reflowing joint.

Liquid UI

Objects that pour together

Drag either card. The shared skin reflows around the join as the pieces move.

Card / 01

Fluid

Move me around

Card / 02

Soft join

Drag to connect

Drag the cards to change the relationship, then adjust the blend to move from a crisp geometric joint to a soft gooey connection. The content remains real DOM, so it stays selectable and accessible while the fused skin provides the visual continuity.

Open the playgroundForward navigation icon