Motion

CRUD Dialog

Enter/exit animations using Motion for CRUD operations in a dialog.

Overview

Dialog transitions for create, update, and delete flows. The goal was to make state changes feel intentional instead of abrupt when records appear or disappear from a list.

Approach

Motion handles enter/exit timing for the dialog shell and list rows, with staggered delays so the eye can follow what changed.

Shared easing keeps open, save, and delete paths consistent.

Tech stack

Motion/
Radix UI/

Notes

The animation stays subtle enough for production admin surfaces while still giving clear feedback after each action.