Navigation & Sub-Navigation

15.08.2019

Made with: HTML,CSS,JS

View Code

Navigation & Sub-Navigation

Clicky Menus

9.07.2019

Clicky menus: accessible and progressively enhanced menu with clicky dropdowns.

Made with: HTML,CSS (SCSS),JS

View Code

Clicky Menus

Draggable Menu With Image Grid Previews

19.06.2019

A draggable inline menu with a scattered thumbnail preview of an image grid.

Made with: HTML,CSS,JS

View Code

PlaceholderDraggable Menu With Image Grid Previews

Interactive Radial Menu

26.02.2019

Interactive radial menu in HTML, CSS and JS.

Made with: HTML,CSS,JS

View Code

Interactive Radial Menu

Creative Hamburger Menu

14.02.2019

Hamburger menu using the new clip-path CSS property.

Made with: HTML (Pug),CSS (SCSS),JS

View Code

Creative Hamburger Menu

Nice Effect For Navigation

1.02.2019

Excellent hover and click effect for navigation bar or other.

Made with: HTML (Pug),CSS (SCSS),JS

View Code

Nice Effect For Navigation

Navigation With Svg

16.01.2019

SVG used to animate a navigation bar. Effects are triggered on hover and click.

Made with: HTML,CSS,JS

View Code

Navigation With Svg

Ribbon Menu

9.11.2018

Made with: HTML,CSS (SCSS),JS

View Code

Ribbon Menu

Jelly Menu

24.08.2018

Jelly menu concept in HTML, CSS and JS.

Made with: HTML,CSS,JS

View Code

Jelly Menu

Navigation Buttons

31.07.2018

UI navigation buttons.

Made with: HTML,CSS (SCSS),JS

View Code

Navigation Buttons

Code Menu

26.06.2018

Made with: HTML,CSS (SCSS),JS

View Code

Code Menu

Css Grid Menu Panels

26.06.2018

Animated CSS grid-based menu panels. Click the toggle in the top left corner to see it in action.

Made with: HTML,CSS,JS

View Code

Css Grid Menu Panels

Dropdown Menu

10.03.2018

Custom dropdown menu.

Made with: HTML

View Code

Dropdown Menu

Responsive Sidebar/Navbar

17.02.2018

Vertical/Horizontal responsive sidebar/navbar.

Made with: HTML,CSS

View Code

Responsive Sidebar/Navbar

Off-Canvas Navigation W/Page Transitions

6.02.2018

More experimentation with transitions and navigation. Decided to add in a little bit for page transitions as well.

Made with: HTML

View Code

Off-Canvas Navigation W/Page Transitions

Sidebar Template

13.12.2017

Sidebar template with drop down menu based on Bootstrap.

Made with: HTML

View Code

Sidebar Template

Sidebar Indicators

7.09.2017

Sidebar menu with indicators.

Made with: HTML

View Code

Sidebar Indicators

Circle Navigation

1.09.2017

Experimental navigation menu for a technical website. Built with GreenSock Animation Platform and SVG.

Made with: HTML

View Code

Circle Navigation

Submenu Expand

23.08.2017

A playful animation expanding the submenu on the toolbar in web apps. Translates, fades and morphes SVG icons. Inspired by Virgil Panas more submenu transition on dribbble.

Made with: HTML

View Code

Submenu Expand

Morphing Tab Button With List

3.08.2017

Morphing button with a dropdown list beneath it.

Made with: HTML

View Code

Morphing Tab Button With List