Post thumbnail: 11 CSS Sidebar Menu

11 CSS Sidebar Menu

Collection of HTML and CSS sidebar menu with little JavaScript.

Demo image: Responsive Sidebar/Navbar

Author

  • Ferran Buireu

Made with

  • HTML
  • CSS/SCSS
  • JavaScript/Babel (jquery.js)

About the code

Responsive Sidebar/Navbar

Vertical/Horizontal responsive sidebar/navbar.

Demo image: Sidebar Template

Author

  • azouaoui mohamed

Made with

  • HTML
  • CSS (bootstrap.css, font-awesome.css)
  • JavaScript (jquery.js, bootstrap.js)

About the code

Sidebar Template

Sidebar template with drop down menu based on Bootstrap.

Demo image: Sidebar Indicators

Author

  • MAHESH AMBURE

Made with

  • HTML
  • CSS
  • JavaScript (jquery.js)

About the code

Sidebar Indicators

Sidebar menu with indicators.

Demo image: Admin Sidebar

Author

  • Milica

Made with

  • HTML
  • CSS/SCSS (bootstrap.client.css, bootstrap.admin.css, font-awesome.css)
  • JavaScript

About the code

Admin Sidebar

Admin sidebar HTML and CSS menu.

Demo image: Sidebar

Author

  • Milica

Made with

  • HTML
  • CSS/SCSS

About the code

Sidebar

CSS navbar & sidebar.

Demo image: Sidebar Menu

Author

  • Shawn Reisner

Made with

  • HTML
  • CSS/SCSS

About the code

Sidebar Menu

Purple sidebar menu.

Demo image: Sidebar Navigation

Author

  • Daniel

Made with

  • HTML
  • CSS/SCSS (font-awesome.css)
  • JavaScript (jquery.js)

About the code

Sidebar Navigation

Sidebar navigation with tooltips.

Demo image: Pure CSS Fly In Sidebar Navigation

Author

  • Stephen Scaff

Made with

  • HTML
  • CSS/SCSS

About the code

Pure CSS Fly In Sidebar Navigation

A simple, multi-level sidebar nav. Features pure css "fly in" subnav, that leaves icons of parent nav visible. Nav items will scroll (overflow-y) if needed. Uses transforms and transitions.

Demo image: Sidebar Nav Animation

Author

  • magnificode

Made with

  • HTML
  • CSS/SCSS

About the code

Sidebar Nav Animation

Nothing like a little trendy body pushin.

Demo image: Sidebar Menu Hover Show/Hide

Author

  • JFarrow

Made with

  • HTML
  • CSS

About the code

Sidebar Menu Hover Show/Hide

Sidebar menu hover show/hide with just CSS.

Demo image: Sidebar Menu

Author

  • Jon Ambas

Made with

  • HTML
  • CSS/SCSS

About the code

Sidebar Menu

Sidebar thing.

Back to top