10+ CSS Slidebar Toggle

CSS Slidebar Toggle – Are you looking for CSS Slidebar Toggle, If yes then in this post I am going to share hand-picked CSS Slidebar Toggle for you. You can use these CSS Slidebar Toggle in your next web based projects.


CSS Slidebar Toggle

Following are the list of CSS Slidebar Toggle.

Material Design – Sidebar (Profile menu) DEMO

Based on: Material Design by Google (http://www.google.com/design/) Material Design Iconic Font (http://zavoloklom.github.io/material-design-iconic-font)


CSS sidebar toggle DEMO

Pure CSS solution for hiding and showing sidebar.

Sidebar slide-in-out effect DEMO

Responsive movie app UI DEMO

Design from Lukas Kriebel @ Dribble: http://dribbble.com/shots/1454541-Replex-Movie-Trailers-WIP Not complete. Still got some work to do on the responsive part, < 960px isn’t responsive yet. Didn’t plan on making it responsive, otherwise i would’ve made it mobile first.

Semantic-UI Responsive Sidebar DEMO


A common sudoku game.

Foldout Sidebar DEMO

Extra – Modules DEMO

Extra is now released! 🙂 http://www.elegantthemes.com/gallery/extra/

Responsive Mail UI DEMO

Credit for design goes to Vivek Venkatraman: http://dribbble.com/shots/1455744-Email-Concept/ Check it out in full view to see it’s responsiveness. It’s responsive until pretty darn small but i haven’t actually tested it on mobile devices. Tested in IE9+, latest Chrome and Firefox.

Sidebar Toggle – VueJs DEMO

Fluid and retractable sidebar DEMO

Fluid and retractable sidebar

I Hope you liked Hand-picked list of CSS Slidebar Toggle, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.