side-drawer

A simple, animating side drawer built as a Web Component

This small, simple, fast web component has no dependencies and can be consumed by vanilla JS or any front-end framework. The animations are done via CSS transforms with minimal Javascript.

This is the drawer!
You can close the drawer with the escape key or by clicking/tapping outside the drawer.
Use your browser dev tools to inspect the CSS and see an example of customizing the drawer.
The hamburger menu button that's used to open this drawer is the wc-menu-button
Hello there 👋