Design Gutenberg Work

Sidebars, Popovers, and Modals

Recently, I’ve noticed the need to move from sidebars, to popovers, to modals. For example, in the WordPress block editor you can add blocks from a small and quick popover called the Quick Library, or from the larger Sidebar Libary. And, there’s been a few designs floating around that use a modal to browse patterns.

I wondered if there was a way to ease the transition between these different UI’s and came up with this animation.