Animation of user interface elements

A system comprising:

• a storage device;
• and
• at least one processor configured to access the storage device and configured to perform operations comprising:
• receiving user input indicative of manipulation of at least one particular user interface element with respect to a grid including a plurality of user interface elements arranged in a display area;
• identifying, based on the user input, at least a first row and a second row of the grid to be updated;
• generating an animation to update the grid, wherein the animation comprises:
• one or more transitions comprising at least one of:
• transition of a first user interface element from the first row to outside the display area along a first direction;
• or
• transition of a second user interface element into the first row from outside the display area along a second direction, the second direction different from the first direction;
• and
• update of the second row of the grid,
• wherein generating the animation comprises adjusting a dimension of the first row based on a size of at least one of:
• the first user interface element or the second user interface element;
• and
• causing the animation to be displayed.

A non-transitory computer readable medium having stored thereon software instructions that, when executed by a processor, cause the processor to perform operations including:

• receiving user input indicative of manipulation of at least one particular user interface element with respect to a grid including a plurality of user interface elements arranged in a display area;
• identifying, based on the user input, at least a first row and a second row of the grid to be updated;
• generating an animation to update the grid, wherein the animation comprises:
• one or more transitions comprising at least one of:
• transition of a first user interface element from the first row to outside the display area along a first direction;
• or
• transition of a second user interface element into the first row from outside the display area along a second direction, the second direction different from the first direction;
• and
• update of the second row of the grid,
• wherein generating the animation comprises adjusting a dimension of the first row based on a size of at least one of:
• the first user interface element or the second user interface element;
• and
• causing the animation to be displayed.