Navbar

Navbar with hamburger menu.
Visit

Whole UI without JavaScript

The whole site on pure CSS (without JavaScript): parallax scrolling; simple animation of links and buttons with the css-property cubic-bezier; smooth scrolling when click on the navigation animation of the hamburger click open/close the click menu. etc.
Visit

SVG Menu Animation

Hamburger menu animtion with svg element.
Visit

Half Second Hamburger Helper

A showcase of hamburger menus.
Visit

3D Hamburger Transformicon

3D hamburger transformation with HTML, CSS and JS.
Visit

Hamburger Menu Button

HTML, CSS and JavaScript hamburger menu button.
Visit

Menu Animation

Hamburger menu animation.
Visit

Hamburger Icon Animation

Simple CSS hamburger icon animation with little jQuery.
Visit

Hamburger Open Animation

HTML, CSS and JS hamburger open animation.
Visit

Hamburger Button

Sexy hamburger button.
Visit

Cool Hamburger Toggle Effect

Creative hamburger toggle effect.
Visit

Flipping Menu Toggle

What the flip is this? Not ideal for production but here's a fun menu toggle experiment with CSS animations.
Visit

Hamburger Icons Animations

CSS hamburger icons with great hover states and animations.
Visit

Hamburger Icon with Checkboxes

Visit

Menu Icon with a Spin

Visit

CSS Hamburger Menu

Pure CSS menu interaction. Made using the HTML tags details and summary.
Visit

Hamburger + clip-path

Using clip-path to create a hamburger menu open effect.
Visit

Animated Hamburger Menu Icons

Collection of Tailwind CSS animated hamburger menu icons. HTML only, no custom CSS, no JavaScript.
Visit

Hamburger Menu with Rounded Edges

Visit

Hamburger

Using clip-path to create a hamburger menu open effect.
Visit

Button Navigation

Animated button nav (single element with drawing style) by using CSS & JavaScript.
Visit

material-design-hamburger

Material Design inspired hamburger animation which allows you to create an interactive & animated toggle icon, written in CSS3 and a little JavaScript magic.
Visit

swipeable-hamburger

Swipeable Hamburger Menu concept with vanilla JS.
Visit

responsive_menu_pure_css

Responsive hamburger menu using only CSS
Visit

morphing-hamburger-menu

A pretty cool app/site navigation which has the ability to morph the hamburger button into a top navigation panel when clicked/taped. Built using pure CSS and CSS3 animations.
Visit

hamburgers

Tasty CSS-animated Hamburgers
Visit

omega-navigation

Omega is a nice responsive sidebar navigation in pure javascript.
Visit

animated-burgers

A collection of 8 awesome toggle animations created for hamburger buttons of your mobile & desktop navigation system.
Visit

Mega_Menu_Overlay

A hamburger mega menu with an animated fullscreen overlay built with JavaScript and CSS/CSS3.
Visit

css-flyout-menu

This is a CSS only responsive, multi-level menu that expands the hamburger toggle button into a horizontal drop-down nav on the desktop or an off-canvas side menu on mobile.
Visit
© 2025 FrontendPik