Skip to main content

Module expressive

Module expressive 

Source
Expand description

The Expressive motion scheme: md3.io’s sampled CSS spring curves.

Reference priority is Figma kit > md3.io > m3e.kyralabs.dev, per value. The Figma Material 3 Design Kit defines no motion, and md3.io defines all six Expressive tokens (spatial and effects, fast/default/slow) with their durations, so md3.io wins over m3e’s Compose springs for every one of them. Source: floor/material at c910072f3fc5b660276731d8a935d7186f288364, src/styles/abstract/_variables.scss (linear() curves sampled at 25 uniform stops). Fixture: conformance/fixtures/md3-expressive-browser.json (Web Animations samples in Chromium). m3e’s Expressive springs (conformance/fixtures/m3e-motion.json) are outranked and kept only as secondary evidence. See LICENSE-material for the MIT notice.

Keep the sampled linear interpolation: an analytic spring is not the same curve.

Structs§

SampledSpring

Constants§

DEFAULT_EFFECTS
DEFAULT_SPATIAL
FAST_EFFECTS
FAST_SPATIAL
SLOW_EFFECTS
SLOW_SPATIAL