Web Drawer Animation With WebBar

What’s a web platform WebBar without some fancy animation for the mobile drawer? Let me show you how to implement it.

What Are We Building

This is the WebBar on desktop:

This is the WebBar on mobile:

And the drawer:

And this is the drawer animation we are creating:

To create it we need to use aligned dialog, via the aligned dialog plugin: