Three references gather into a context pocket and open again.
Quiet AI

Interface component

Context pocket

Reference selection. Three references gather into a context pocket and open again.

Try this component

Interaction

Three references gather into a context pocket and open again.

Use it for

Reference selection

Implementation

React / Motion. Part of the Patterns family in Optical UI. The live example supports interactive exploration; this page provides its permanent reference.

Explore this design language · Implementation guide · Download source

Pattern variants