Back to Pack GalleryMotion Pack 01 · Feedback
Save confirmation
A submission lands across the action, status marker, and document state together.
Release notes
Motion defaultsReady for review
DraftBuild a save confirmation: pressing Save update gives immediate tactile feedback, changes to Saved within 180ms, and updates the status marker in sync. Use transform and opacity with a reduced-motion treatment.
Motion rules
The action and top status marker reach Saved in the same cadence.
Reduced motion
Keep text and color state changes while removing spin and travel.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.