The sidebar of this code opens by clicking on the toggle button. This sidebar has a gray and blue theme. Sidebar items are displayed with animation.
This sidebar has orange and peach gradients. At the top of the sidebar is a photo with a circular crop.
This sidebar has a sliding effect. Its items are opened by clicking on its title. Also, each item is white when the mouse is placed on it.
This sidebar has a clear theme. It can be opened and closed by the tag button at the top of the sidebar. Each item in the sidebar has a title and an icon.
Clicking the toggle button at the top of the page will not close this sidebar completely. In closed mode only sidebar icons are specified.
The sidebar is blue and when the mouse is placed on any of its items, it turns orange. This sidebar also has the ability to display item titles by clicking the toggle button.
This sidebar is located on the right side of the page. The sidebar opens and closes with a button on the right side of the screen. Each item in the sidebar includes a title and an icon.
There are a number of titles on the left side of the page. Each of these titles displays their own text in front of them during the hover.
This is a dark sidebar. The items have a color effect. Each item has a title and an icon. Each item is animated and painted blue from left to right during the hover.
The items in this sidebar are all icon only. The icons are blue and turn gray during the time of hover.
Each item in the sidebar at the time of the hover animated takes on a different color than the other items at the time of the hover. This sidebar can be opened and closed with a hamburger button.
This sidebar is fixed on the left side of the screen. Side bar items have different blue tones. This sidebar also has a submenu.