简体中文

Try an interaction

Explore working button, menu, card and text motion examples. Inspect interaction rules and default parameters, then adjust and export in TuneShape.

Button press feedback

A button shrinks slightly while held and returns when released. Compare how scale, displacement and spring behavior communicate a press.

View example

Dropdown menu transition

The panel enters first and its options follow. Inspect how a small stagger gives a group of choices a readable order.

View example

Card expansion

A summary expands into details on the same surface. Shape changes first, then the content follows.

View example

Local text scramble

Characters near the pointer briefly change, then recover independently. Untouched text stays readable and every character keeps its position.

View example