A folded surface reveals details without broken corners or seams.
Optical system

Interface component

Accordion

Connected disclosure. A folded surface reveals details without broken corners or seams.

Try this component

Interaction

A folded surface reveals details without broken corners or seams.

Use it for

Connected disclosure

Implementation

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

Explore this design language · Implementation guide · Download source