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-sidebar-toggle

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)


PURE CSS SIDEBAR TOGGLE MENU DEMO


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


SUDOKU 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.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.