An Ember.js addon providing an off-canvas sidebar component with customizable animations and swipe gestures.
Ember Burger Menu is an Ember.js addon that provides a configurable off-canvas sidebar component for building animated navigation menus in web applications. It solves the need for responsive, touch-friendly sidebars with a collection of CSS-based animations and swipe gesture support. The addon integrates seamlessly into Ember apps via contextual components and offers extensive customization options.
Ember.js developers building modern web applications that require responsive navigation sidebars, particularly for mobile-friendly interfaces or progressive web apps.
Developers choose Ember Burger Menu for its rich set of pre-built animations, intuitive Ember-centric API, and the ability to create custom animations without sacrificing performance. It stands out by offering swipe gestures, Sass-driven theming, and a declarative component structure tailored for Ember's ecosystem.
An off-canvas sidebar component with a collection of animations and styles using CSS transitions
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Offers 12 pre-built menu animations like slide and push, plus item animations, speeding up development for common sidebar effects without custom code.
Uses intuitive contextual components such as burger.menu and burger.outlet, providing a declarative, framework-native way to integrate menus into Ember apps.
Allows extending a base animation class to design fully custom transitions, giving developers fine-grained control over CSS behaviors for unique UI needs.
Supports SCSS variable overrides and selective style imports, enabling optimized bundles and easy visual customization without hacking core styles.
Officially marked as deprecated with community support shifted to ember-mobile-menu, meaning no future updates, bug fixes, or security patches.
Tightly coupled to Ember.js, making it unusable for projects on other frameworks like React or Vue, limiting portability and ecosystem support.
Requires Sass installation and configuration, adding setup overhead for projects not already using it or preferring modern CSS solutions like CSS-in-JS.
Only supports swipe gestures with fixed thresholds, lacking advanced touch interactions like multi-touch or pinch, which may hinder complex mobile UX.