MotionCurves

animation

Breakdex::Motion::MotionCurves

Named easing curves and physics springs — semantic motion vocabulary

Three easing curves encode intent: productive for functional transitions, expressive for feedback and delight, entrance for elements appearing. Two springs handle physics-based motion: gentle for layout shifts, bouncy for playful entrances.

Relationships

▣ Renders With 1

every_screen

⚙ Configured By 1

theme_setting_provider

Answers

States

StateBehavior
reduced Motion
curvesBecome: linear
springsDisabled: true

Curves

entrance easeOut
expressive easeOutBack
productive easeInOutCubic

Spring Configs

bouncy

Mass 1
Stiffness 150
Damping 10

gentle

Mass 1
Stiffness 200
Damping 15

Respects

prefers reduced motiondisable animations