Style

Material Design 3 sys tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

More contexts
Platform

General
Motion
Easing
Easing tokens
TokenValue
Emphasizedmd.sys.motion.easing.emphasized
md.sys.motion.easing.standardShow reference chainHide reference chain
md.sys.motion.easing.emphasized
  • md.sys.motion.easing.standard
CubicBezier: X0: 0.2 · Y1: 1
Legacymd.sys.motion.easing.legacyCubicBezier: X0: 0.4 · X1: 0.2 · Y1: 1
Linearmd.sys.motion.easing.linearCubicBezier: X1: 1 · Y1: 1
Standardmd.sys.motion.easing.standardCubicBezier: X0: 0.2 · Y1: 1
Emphasized
Emphasized tokens
TokenValue
Emphasized acceleratemd.sys.motion.easing.emphasized.accelerateCubicBezier: X0: 0.3 · X1: 0.8 · Y1: 0.15
Emphasized deceleratemd.sys.motion.easing.emphasized.decelerateCubicBezier: X0: 0.05 · X1: 0.1 · Y0: 0.7 · Y1: 1
Legacy
Legacy tokens
TokenValue
Legacy acceleratemd.sys.motion.easing.legacy.accelerateCubicBezier: X0: 0.4 · X1: 1 · Y1: 1
Legacy deceleratemd.sys.motion.easing.legacy.decelerateCubicBezier: X1: 0.2 · Y1: 1
Standard
Standard tokens
TokenValue
Standard acceleratemd.sys.motion.easing.standard.accelerateCubicBezier: X0: 0.3 · X1: 1 · Y1: 1
Standard deceleratemd.sys.motion.easing.standard.decelerateCubicBezier: Y1: 1