Burger Trigger

This component allows you to add an animation burger toggle button to your site, which can be used as a trigger to open and close Modals, Off Canvas & Slide Menus.

Option Controls

State on Page Load

Choose whether to have the burger already in it’s active state when the page first loads. This can be useful if being used with an off canvas element that is also set to be open on page load.

Animation Settings

Choose from 15 different burger animations & set the animation transition speed.

Button Styles

Common style options for the buttons in both the default state, the hover state and the active state.

Button Text

Add custom text inside the toggle button and style the typography.

Pro Tip

Setting the transition speed of the burger animation match the transition speed of the element it is triggering can help it feel like one, smooth interaction.