JavaScript Sidebar Navigation Menu

A handy vertical navigation menu for your app

dhtmlxSidebar is a handy JavaScript vertical navigation menu for web apps. The component comprises a variety of controls: buttons, image buttons, input fields, selection buttons, separators, spacers, title. A set of controls is easily loaded into the sidebar in the JSON format together with their configuration properties.

Easy-to-manage with a rich
JS API

The structure and size of dhtmlxSidebar are highly adjustable. You can change its width or even initialize the component in the collapsed mode and modify its minimal width (69px by default). A wide range of methods enable you to manipulate sidebar’s controls: add new ones, remove or rearrange them, hide, show, enable, disable controls, and add tooltips.

Entirely customizable look and feel

Our JavaScript sidebar navigation menu can be fully customized to meet your requirements. You can apply a custom icon font pack for sidebar controls instead of the default Material-based one, add buttons with any kind of custom HTML, and change every aspect of the sidebar’s appearance via CSS simply by adding new CSS classes with custom settings.

Wrappers for Angular, React, and Vue.js

As these three client-side frameworks are in demand among developers, we have prepared special wrappers for a smooth integration of our JavaScript components into web apps based on Angular, React, and Vue.js. You can download and test them during a free 30-day evaluation period with the help of our support team, documentation, and samples.