On this page

Glass chrome motion

Under Liquid glass, list cursors share one sliding wash instead of flashing each row's own background. Selected uses weight; the wash owns hover and the open cursor. Set Style → Liquid glass in the header, then open the demos below.

Rules (from Design · Motion and Surface language):

  • One fill travels between rows; selected is not a second static fill.
  • When a menu opens, the wash already sits on the selected row — no fade-in after the list appears.
  • Travel between rows may ease; first place snaps.

Select wash

Open the field; Editor should already show the wash. Move to another role to see it slide.

Viewer Editor Admin

Tabs fill

The header fill is the same motion idea as the menu wash — one underline/hover plate that moves with the cursor.

Methods and surface language. Components and tokens. Plugin skills and evals.

Hover across peers; one shared viewport morphs between panels. After each hop, the wash settles on the selected option.

English 中文

References