Back to Pack GalleryMotion Pack 08 · Change
Archive undo
After an item leaves, an undo affordance catches the user in the same context.
Motion review4 changes ready
Archived
Build archive undo: after Archive, fade and scale the task card out within 200ms, then reveal a short toast with Undo. Clicking Undo restores the original card at the same location.
Motion rules
Place Undo near the just-completed result and restore the original item.
Reduced motion
Hide or restore the card directly while keeping Undo available.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.