Motion & Animation · UI Element Compendium

MOT-001 Motion & Animation
Animation

Change of visual properties over time.
MOT-004 Motion & Animation
Delay

Wait before an animation begins.
MOT-003 Motion & Animation
Duration

How long an animation runs.
MOT-006 Motion & Animation
Ease-In / Ease-Out

Easing that accelerates in / decelerates out.
MOT-005 Motion & Animation
Easing

Rate-of-change curve of an animation.
MOT-009 Motion & Animation
Enter/Exit Animation

Motion applied as elements appear or leave.
MOT-021 Motion & Animation
Hover Effect

Visual response to pointer hover.
MOT-002 Motion & Animation
Keyframes

Defined points within an animation sequence.
MOT-022 Motion & Animation
Loading Animation

Motion indicating an operation in progress.
MOT-023 Motion & Animation
Lottie Animation

Vector animation played from an exported file.
MOT-018 Motion & Animation
Marquee

Continuously scrolling horizontal content.
MOT-008 Motion & Animation
Micro-animation

Small animation providing feedback on an interaction.
MOT-011 Motion & Animation
Page Transition

Animated change between pages/views.
MOT-015 Motion & Animation
Parallax

Layers scrolling at different speeds for depth.
MOT-020 Motion & Animation
Pulse

Rhythmic scaling/opacity drawing attention.
MOT-014 Motion & Animation
Scroll Reveal

Content animating in as it enters the viewport.
MOT-016 Motion & Animation
Scroll Snapping

Scrolling that settles at defined points.
MOT-013 Motion & Animation
Scroll-Triggered Animation

Animation started by scroll position.
MOT-019 Motion & Animation
Skeleton Shimmer

Moving highlight across loading placeholders.
MOT-007 Motion & Animation
Spring Animation

Physics-based motion with natural overshoot.
MOT-010 Motion & Animation
Stagger

Sequential offsetting of animations across items.
MOT-017 Motion & Animation
Sticky Scroll Effect

Element pinning in place during part of the scroll.
MOT-012 Motion & Animation
View Transition

Browser-native animated navigation between views.