Create Metro Style Tiles With Pure HTML/CSS – metroStyles.css
metroStyles.css is a small CSS library to create a Windows 10 Metro-style tiled menu with plain HTML and CSS.
Menu & Navigation
Elastic Sidebar Navigation With CSS3 And JavaScript
A fancy sidebar off-canvas navigation menu that appears with an elastic animation effect based on CSS3 and a little bit of JavaScript.
Material Design Style Radial FAB Menu With Pure CSS
A Material Design inspired FAB (Floating Action Button ) menu that pops up a group of menu items around the trigger button.
Collapsible Sidebar Menu With Pure JavaScript
A fancy Collapsible Sidebar Menu concept that shows a sidebar navigation while pushing and zooming the main content section when toggled.
Morphing Popup Menu With JavaScript And CSS3
A toggle menu built with JavaScript and CSS3 that morphs the toggle button into a popup menu when clicked. Based on CSS3 transforms and transitions.
Mobile-first Morphing Navigation Menu With JavaScript And CSS3
A mobile-first fullscreen hamburger navigation system that uses CSS3 transforms to achieve the morphing effects when opening and closing.
Off-canvas Side Navigation With Page Transitions
A modern sticky off-canvas sidebar navigation where the users are able to switch between page sections with a smooth transition effect by clicking nav links.
Sliding Off-canvas Nav In Vanilla JavaScript
A small JavaScript script to create a mobile-friendly sliding off-canvas nav that covers the main page content with a background overlay.
Responsive Hamburger Menu In Pure CSS
This is a CSS only responsive, multi-level menu that expands the hamburger toggle button into a horizontal drop-down nav on desktop or an off-canvas side menu on mobile.
Swipeable Off-canvas Navigation In Vanilla JavaScript
This is a mobile-friendly off-canvas navigation system that allows the users to toggle the menu using swipe events in mobile view.