16 oryginalnych menu na stronę internetową

Czas czytania: 2 minut

Menu na stronie internetowej odgrywa bardzo istotną rolę. W większości ogranicza się ona do bycia jedynie nawigacją ułatwiającą poruszanie się wewnątrz witryny (nie zawsze poprawnie zbudowaną). Menu potrafi być także ciekawą dekoracją nadającą stronie wyjątkowy wygląd i charakter.

Poniżej przygotowałam listę ciekawych alternatywnych rozwiązań, które mogą zainspirować do stworzenia unikalnego ciekawego menu.

Nawigacje zostały wykonane w technologach HTML, CSS (SASS, LASS), JavaScript i jQuery.

Przykładowe ciekawe menu na stronę internetową

Hamburger Icon

autor: Pranjal Saxena

See the Pen Hamburger Icon by Pranjal Saxena (@pranjal9599) on CodePen.


Hamburger Menu (with cheese)

autor: Michael Smart

See the Pen Hamburger Menu (with cheese) by Michael Smart (@mikedevelops) on CodePen.


Responsive Hamburger Menu

autor: Max Ruigewaard

See the Pen Responsive Hamburger Menu by Max Ruigewaard (@ruigewaard) on CodePen.


Hamburger Menu – HTML, CSS & jQuery

autor: Glenn Smith

See the Pen Hamburger Menu – HTML, CSS & jQuery by Glenn Smith (@g13nn) on CodePen.


Gooey Menu

autor: Lucas Bebber

See the Pen Gooey Menu by Lucas Bebber (@lbebber) on CodePen.


hamburger slide accordion menu

autor: Anya Melnyk

See the Pen hamburger slide accordion menu by Anya Melnyk (@slyka85) on CodePen.


Hamburger icon with Morphing Menu

autor: Sergio

See the Pen Hamburger icon with Morphing Menu by Sergio (@sergioandrade) on CodePen.


Circle Social Menu/Navigation

autor: @BokhariShah

See the Pen Circle Social Menu/Navigation by @BokhariShah (@shahbokhari) on CodePen.


CSS Gooey Menu (Version 3)

autor: Lucas Bebber

See the Pen CSS Gooey Menu (Version 3) by Lucas Bebber (@lbebber) on CodePen.


CSS Gooey Menu (Version 2)

autor: Lucas Bebber

See the Pen CSS Gooey Menu (Version 2) by Lucas Bebber (@lbebber) on CodePen.


Greedy Navigation

autor: lukejacksonn

See the Pen Greedy Navigation by lukejacksonn (@lukejacksonn) on CodePen.


Morphing Navigation

autor: @BokhariShah

See the Pen Morphing Navigation by @BokhariShah (@shahbokhari) on CodePen.


CSS Side Menu/Navigation (Push & Rotate)

autor: Mayur Birle

See the Pen CSS Side Menu/Navigation (Push & Rotate) by Mayur Birle (@mayurbirle) on CodePen.


Simple Menu Navigation

autor: Karim Balaa

See the Pen Simple Menu Navigation by Karim Balaa (@karimbalaa) on CodePen.


Hamburger Icon Animations

autor: Rosa

See the Pen Hamburger Icon Animations by Rosa (@RRoberts) on CodePen.


Sidebar Menu Hover Show/Hide CSS

autor: JFarrow

See the Pen Sidebar Menu Hover Show/Hide CSS by JFarrow (@JFarrow) on CodePen.