HTML / CSS Only Off-canvas Slide and Push Navigation
A modern, mobile-friendly navigation solution to create an off-canvas slide or push menu using pure CSS / CSS3 and plain html.
Menu & Navigation
CSS Only Off-canvas Menu with Shrinking Main Content
Yet another pure CSS off-canvas menu concept that reveals an 0ff-screen navigation menu while shrinking the main content.
Simple Vanilla JavaScript Context Menu
A simple, animated, customizable modal-style context menu (right click menu) implemented in Vanilla JavaScript.
Cool Radial Toggle Menu with Gooey Effect
A pure CSS radial menu concept which comes with a cool gooey effect based on SVG filters and several CSS3 properties.
Sliding Drawer Navigation with JavaScript and CSS3
A JavaScript based drawer navigation that slides out from the left side of the webpage with a CSS3 based animation when toggled, similar to the famous app off-canvas menu. How to use it: Load the required stylesheet files in the head section of your web page. <link rel=”stylesheet” href=”dd-menu.css”> <link rel=”stylesheet” href=”dd-menu-items.css”> <link rel=”stylesheet” href=”theme-standard.css”>… Read More »
Smart Sticky Header Navigation with Vanilla JavaScript – Shrinking Header
Shrinking Header is a vanilla JavaScript library for creating a sticky header navigation that will auto shrink itself as you scroll down the page.
Animated Sidebar Navigation with JavaScript and CSS
A JavaScript & CSS based sidebar interaction concept for easily creating an off-canvas sidebar navigation that you can hide/show based on user actions.
Pure Html / CSS Off-canvas Mobile Menu
A mobile-friendly responsive navigation which turns a horizontal menu into an off-canvas side menu using pure CSS and html checkbox & label tricks.
Tiny JavaScript Library To Create Sliding Off-canvas Panels – Side by Slide Panel
Side by Slide Panel is a small JavaScript library for creating app-style off-canvas side navigation & panels that slides out of the edge of your screen.
Pure CSS Off-canvas Sidebar Navigation
Just another pure CSS site navigation that slides out an 0ff-screen sidebar menu when you hover over the menu trigger button.