CSS3 Off-Canvas Panel with Menu
A css3 off-canvas panel with menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Off-canvas menu
16 snippetsBrowse off-canvas menu — subcategories and filters in one place. Use the table of contents to explore this branch.
off-canvas-menu
Snippets(16)
Hidden Side MenuA hidden side menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, Safari
Material Design NavigationA material design navigation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (Less), JSBrowser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Off Canvas Menu Effect: Delayed Flip OutA off canvas menu effect: delayed flip out built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Off Canvas NavA off canvas nav built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, HamlCSS, SCSSJavaScript (jquery.js)
Off-Canvas MenuA off-canvas menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML (Pug), CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Off-Canvas MenuA off-canvas menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScript (Babel)Browser support
Chrome, Edge, Firefox, Opera, Safari
Off-Canvas MenuA off-canvas menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Pure CSS Off Canvas MenuA pure css off canvas menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Pure CSS Off-Canvas MenuA pure css off-canvas menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, SafariResponsive
Yes
Pure CSS Off-Canvas Menu with FlexboxA pure css off-canvas menu with flexbox built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, Safari
Pure CSS Off-Screen MenuA pure css off-screen menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Firefox, Opera, Safari
Pure CSS Slide Out MenuA pure css slide out menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSBrowser support
Chrome, Edge, Firefox, Opera, Safari
Pure CSS Transition Effects For Off-Canvas ViewsA pure css transition effects for off-canvas views built with modern frontend techniques for responsive and reusable UI.
Technologies
HTMLCSS
Sliding Panels and Off Canvas NavigationA sliding panels and off canvas navigation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS)Browser support
Chrome, Edge, Firefox, Opera, Safari
IOS Style Sliding MenuA ios style sliding menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS (SCSS), JavaScriptBrowser support
Chrome, Firefox, Opera, Safari