Title:
Sidebar nav animation
Created on:
June 08, 2015
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
SASS
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A Stylish CSS sidebar menu with excellent transition effects on hover over the menu items. It is created using HTML and SCSS. The menu items are highlighted with black bar and gives a smooth transition effect.
Title:
Modern sidebar menu
Created on:
January 25, 2022
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A modern and stylish sidebar menu with rounded corner in classic blue background created using pure HTML and CSS. On hover, it will change the background color to white to show the selection giving a very dignified look to the web page.
Title:
Sidebar Pastel
Created on:
August 18, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A decorous, collapsible, responsive sidebar menu created using pure HTML and CSS. On click, it opens a menu with a smooth transition and on hovering of menu items, it shows gradient background.
Title:
Dropdown sidebar
Created on:
February 11, 2022
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A sophisticated, alluring side menu in black created with the slide effect on the sub menu items is created using HTML and CSS. When you hover over the side menu icons, menu items appears on the side in a block. When you hover over the menu items it gives a beautiful effect.
Title:
Sidebar menu on hover
Created on:
May 24, 2018
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A classic collapsible sidebar menu with icons that has a smooth transition effects on hover. It is created using pure HTML and CSS. On hover over the menu, it expands the menu. When you hover over the menu item, it is highlighted with the light blue bar.
Title:
Triangular sidebar menu
Created on:
December 06, 2015
Made with:
HTML, SCSS, jQuery
Responsive:
No
Dependencies:
Sass, jQuery
Compatible browsers:
Webkit only
Code description:
An awesome triangular mobile CSS sidebar menu with amazing animation effects. It was created using HTML, SCSS, and JQuery. On click, the main page fades out to the right showing triangular sidebar items with nice animations.
Title:
Sidebar menu concept
Created on:
May 06, 2015
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A cool CSS sidebar menu with a 3D transition. It is created using HTML, SCSS, and Javascript. When the menu button is clicked, a 3D transition occurs on the main page reviling the sidebar menu to the left. The menu item is highlighted with a white background when you hover over them.
Title:
CSS Sidebar toggle
Created on:
January 14, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A beautiful, collapsible sidebar created using HTML, SCSS and JS(Babel). When you click on the menu bar, it expands covering the whole page with the different menu items listed on it and a close button to collapse the menu. When you hover over the menu items, it changes the text color to yellow.
Title:
Bootstrap sidebar menu
Created on:
December 17, 2018
Made with:
HTML, CSS, jQuery
Responsive:
Yes
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A classic, sophisticated bootstrap sidebar menu with smooth transition effects created using HTML, CSS, and jQuery. It highlights the menu items when you you hover over them. It has used font awesome icons to show icons which gives a descent look to the web page.
Title:
Rotating 3D navigation
Created on:
October 28, 2014
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
An amazing, vertical navigation bar that switches from an icon to text with a cool animation. It is created using HTML5 and CSS3. When you hover over the icons, it will change its face with smooth animation to show text giving a 3D look to the menu.
Title:
Collapsible sidebar menu
Created on:
September 08, 2018
Made with:
HTML, CSS, Javascript
Responsive:
No
Dependencies:
Domatastuc.js, Hammer.js
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
An amazing sidebar menu for the medium screen with the sliding effect created using HTML, CSS, and Javascript. On click, it will expand the menu and push the main page right.
Title:
Dashboard sidebar
Created on:
February 16, 2022
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A classic, sophisticated sidebar with the menu icons created using HTML and CSS. When you hover over the icon on the menu, it highlights the menu with a beautiful purple color to give a decent look. This menu bar can be expanded and collapsed using the arrow on the top of menu. It also has a button to switch between dark mode and light mode in the web page.
Title:
Material jelly sidebar menu
Created on:
May 26, 2016
Made with:
HTML, CSS, jQuery
Responsive:
No
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A delightful, jelly sidebar menu created using HTML, CSS, and jQuery. When you click on the button at right, it will show an amazing pop out menu on the left hand side of a web page. It has no hover effect for menu items but you can customize it for this.
Title:
Pro sidebar template
Created on:
December 29, 2021
Made with:
HTML, SCSS, JS(Babel)
Responsive:
Yes
Dependencies:
JS(Babel)
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A fully responsive, collapsible, multi level side menu bar created using HTML, CSS, and vanilla Javascript. It has smooth slide animation for the menu bar. When you hover over the icon and expand it with a click, it gives a rich look to the webpage. It has a delightful animation when you hover over the icons.
Title:
Bootstrap side menu
Created on:
December 17, 2016
Made with:
HTML, CSS, jQuery, Bootstrap 3.3.7
Responsive:
nan
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A simple and elegant minimalist CSS sidebar menu that utilizes bootstrap. On open, it smoothly slides out just as smoothly as it slides out on close and features a slight hover effect on menu items. It brightens the text when you hover over the menu items in the sidebar.
Title:
Bootstrap sidebar nav menu
Created on:
June 20, 2018
Made with:
HTML, CSS, jQuery, Bootstrap 4.1.1
Responsive:
Yes
Dependencies:
jQuery, Bootstrap 4.1.1
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
An amazing, classic and responsive sidebar menu created using HTML, CSS, and Bootstrap 4. On click, it will show a menu with slide effects and also has a hover effect for each item in the menu.
Title:
Twitter sidebar
Created on:
July 25, 2019
Made with:
HTML, SCSS
Responsive:
No
Dependencies:
Sass
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A classic twitter sidebar menu created using HTML and SCSS. If you hover on an item it will highlight the item with the blue background. You can make this smooth with the “transition-duration” property in CSS.
Title:
Static bootstrap sidebar
Created on:
April 06, 2018
Made with:
HTML, CSS, jQuery, Bootstrap 4.0.0
Responsive:
No
Dependencies:
jQuery, Bootstrap 4.0.0, jQuery.nicescroll
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A delightful, stylish, Static sidebar menu created using HTML, CSS, and Bootstrap 4. It has a hover effect on each item for text color. You can change the background property also on hover.
Title:
Classic sidebar
Created on:
February 15, 2022
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A simple, classic side menu bar created using pure HTML and CSS. When you hover over the menu icons, it brightens its color and displays the sub menu as a flapping menu.
Title:
Accordion Menu
Created on:
April 18, 2014
Made with:
HTML, CSS, jQuery
Responsive:
No
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A static side menu bar created with the gray background using HTML, CSS and jQuery. When you hover over the menu items, it changes to pleasant sea green color. When you click on the menu item, it displays the submenus with the sliding effect and pushing the other menu items downside to give a very formal look.
Title:
Simple sidebar menu transition
Created on:
February 16, 2022
Made with:
HTML, CSS, Javascript
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A simple, collapsible sidebar created on right side of the web page in blue color to give a decent look to the web page. It is created using HTML, CSS and Javascript. When you hover over the menu, menu items are highlighted with a decent white bar.
Title:
Side navigation push menu
Created on:
February 16, 2022
Made with:
HTML, CSS, Javascript
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
An elegant, collapsible sidebar created with a black menu background using HTML, CSS and Javascript. When you hover over the menu item, it displays a smooth animation of white bar with the blue lines to give a decent look to the menu items.
Title:
Skateboard Video Platform
Created on:
January 24, 2021
Made with:
HTML, SCSS, JavaScript
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A minimal and elegant sidebar design created with HTML, SCSS, and Javascript. It provides an icon color change and item title glow up upon selection.
Title:
Awesome Bootstrap 3 Sidebar Navigation
Created on:
September 30, 2015
Made with:
HTML, CSS(Less), JavaScript
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A smooth collapsable CSS sidebar menu created with bootstrap. Clicking its hamburger menu icon triggers an animation in which the main content slides to the right reviling the sidebar menu. There is also a slide-in/out animation upon hover for each menu item.
Title:
Responsive Mail UI
Created on:
April 11, 2014
Made with:
HTML, CSS(LESS), Jquery
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
Responsive CSS sidebar, designed in the form of mailbox UI, with beautiful button integrations and element groupings. Created with Jquery
Title:
Responsive sidebar revealed on click and key press
Created on:
May 15, 2016
Made with:
HTML, CSS, JavaScript
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A minimal yet stunning, collapsable sidebar menu, created with HTML, CSS, and JavaScript. The menu icon morphs into a close icon upon click and simultaneously opening the menu. The menu items also trigger an underline and highlight animation upon hover.
Title:
Side Sliding Menu CSS
Created on:
April 30, 2014
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A beautiful functional CSS sidebar menu that features a smooth expanding animation upon hover. The menu items also get highlighted with a different color upon hover.
Title:
Bootstrap 4 side navigation
Created on:
January 12, 2017
Made with:
HTML, CSS, JavaScript
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A highly functional multi-level sidebar menu created with HTML, CSS, and JavaScript. Each menu item has a transparent background hover effect. Also, some menu items have icons as well as multi-level nested dropdowns.
Title:
Hover sidemenu
Created on:
August 09, 2017
Made with:
HTML, CSS(Less)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A beautiful sidebar menu with 3D transition on menu content. It is created using HTML and, CSS(Less). When you click on the button, it will have 3D on the main page. The menu item is highlighted with bar when you hover over them.
Title:
Vue sidebar menu
Created on:
June 21, 2019
Made with:
HTML, CSS, Vue.js 2.6.10
Responsive:
No
Dependencies:
Vue.js 2.6.10
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A sidebar menu with sliding effects created using HTML, CSS, and Vue.js. It can expand or shrink with a bottom toggle button with a smooth slide effect. It also has a hover effect for each item.
Title:
Slide menu 3
Created on:
September 30, 2013
Made with:
HTML, CSS, jQuery, Bootstrap 4.1.1
Responsive:
Yes
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A sophisticated, alluring side menu with the slide effect was created using HTML, CSS, and jQuery. On click, It will push the main content right and expand the menu with smooth sliding and also has hover effects on menu items.
Title:
Multiple sidebar menu options
Created on:
March 22, 2015
Made with:
HTML, CSS, jQuery
Responsive:
No
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A sidebar menu with smooth transition effects on click created using HTML, CSS, and jQuery. When you click on the hamburger button it will expand the sidebar menu with smooth transitions.
Title:
Nexus like Menu
Created on:
August 09, 2013
Made with:
HTML, SCSS, jQuery
Responsive:
nan
Dependencies:
jQuery, Sass
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A classic collapsible, nexus-like sidebar menu created using HTML, SCSS, and jQuery. When you hover over the menu bar, sidebar appears. Further, on hover over the sidebar icons, it expands the menu and highlights with the gray color on hover.
Title:
Responsive side nav menu
Created on:
July 04, 2017
Made with:
HTML, CSS, jQuery
Responsive:
Yes
Dependencies:
jQuery
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
A beautiful, responsive sidebar menu with cool animations created using HTML, CSS, and jQuery. When you click on the menu items, it highlights the menu item with the purple color. It also remembers the state of menu item. On medium screens, it will shrink the menu and expand it on hover.
Title:
Desktop system with animated sidebar
Created on:
April 11, 2014
Made with:
HTML(Pug), SCSS, JS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge
Code description:
An alluring animated sidebar menu with gradient desktop created using HTML(Pug), SCSS, and Javascript. When you hover over the sidebar, it will expand the menu first and highlight each item on the menu as you hover over them.
