Archive for the ‘menu’ Category

Expanding Bar Navigation Concept

View demo Download source Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a...

OkayNav jQuery – Progressively Collapsing Navigation Links

Posted on: No Comments
Advertise here via BSAYou know how navigations have only a desktop and a mobile state, right? Vergil Penkov thought, “this might cost people money because it requires additional click for users to reach even the most important pages.” OkayN...

Inspiration for Line Menu Styles

View demo Download source The line is an amazing design element. It’s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we’d like to share a set of ideas for using the line as a de...

Stretchy Navigation in CSS and jQuery

Posted on: No Comments
Advertise here via BSAWould you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fi...

Simple Multi-Level Menu with Item Animations

Posted on: No Comments
Advertise here via BSAToday’s Blueprint is a Simple Multi-Level Menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item...

Animating an SVG Menu Icon with Segment

Posted on: No Comments
View demo Download source Today we are very happy to share an interesting menu icon effect with you. The idea is based on the Dribbble shot hamburger menu by Tamas Kojo. At first, the icon is the classic burger menu icon. But when you click on it, it ...

Page Stack Navigation Template with CSS & JavaScript

Posted on: No Comments
Advertise here via BSACodrops has just published a Page Stack Navigation template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation. The idea is to show a navigation when clicking on the menu button and tr...

PriorityNav – Move Your Menu Items If They Don’t Fit

Posted on: No Comments
PriorityNav is a lightweight pure javascript plugin that will move your menu items if they don’t fit its parent. PriorityNav is developed by @gijsroge & weighs around 5kb & 2kb gzipped. The idea behind this plugin is based around the pr...

Creative Gooey Effects

Posted on: No Comments
View demo Download source Today we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common webs...