10 CSS hamburger menu effects

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

10 CSS hamburger menu effects

Line style navigation menus

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

Line style navigation menus

Stretchy navigation code snippet

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

Stretchy navigation code snippet

Animated SVG menu icon

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

Animated SVG menu icon

Page stack navigation template

A page stack navigation template based on the Dribbble shot Stacked navigation by Ilya Kostin. Tutorial and snippet by Codrops.

Page stack navigation template

Cards navigation template

A full-page cards navigation template inspired by Primer app. It is great for blogs and portfolios. A project by CodyHouse.

Cards navigation template