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

CSS mega dropdown menu

A responsive and easy to customise mega-dropdown component that you may find useful when building a menu for your website or theme.

CSS mega dropdown menu

Creative gooey effects

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

Creative gooey effects

Mobile menu animations

Three awesome menu animations for mobile devices made with just few lines of CSS. Designed and coded by Virgil Pana.

Mobile menu animations

Perspective page view navigation

Here is a full tutorial for creating a perspective page view navigation with CSS 3D animations. Published by Codrops.

Perspective page view navigation

Menu icon - CSS animations

Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.

Menu icon – CSS animations

Animated border menus

A tutorial for creating some really nice animated border menus with big icons. Published by Codrops.

Animated border menus

Facebook iOS Menu

A free PSD Facebook menu for the well-known iOS app. A freebie released by Riley Donelson.

Facebook iOS Menu

Google Nexus Menu

A tutorial about how to create a Google Nexus style menu for websites created by Codrops.

Google Nexus Menu

YouTube CSS+JS menu effect

Today on Codrops a tutorial on how to recreate the effect of YouTube’s little left side menu. CSS + JS snippet.

YouTube CSS+JS menu effect

CSS horizontal drop-down menu

Today we want to share their new CSS tutorial for explaining how to create an ultra-flat horizontal drop-down menu.

CSS horizontal drop-down menu

App fold navigation free PSD

App navigation menu conceived for folding just in the middle! A free PSD designed by Konrad.

App fold navigation free PSD

Css-only lavalamp menu effect

Css-only menu effect also known as the “Lavalamp”. Pepsized has recreated it with pure CSS using CSS3 transitions.

Css-only lavalamp menu effect

Super clean PSD UI kit

Here is a beautifully organised free PSD file containing a super clean UI kit, complete with Entypo vector icons. Designed by WeCreate.

Super clean PSD UI kit