JavaScript Slider Control

JavaScript Slider

You can use dhtmlxSlider as an individual component or as a part of dhtmlxSuite

Product Features

  • Cross-browser (IE, FF, Chrome, Opera, Safari)
  • Full control with JavaScript API
  • Customizable behavior
  • Range mode
  • Integration with HTML forms
  • Horizontal and vertical layout
  • Customizable design
  • Different predefined skins including Material Design
  • High stability

Live Demo

Customizable vertical and horizontal JavaScript slider bar
JavaScript Slider control allows easy implementation of vertical and horizontal sliders on a web page. The component comes with a number of predefined skins. In addition, you can fully customize its appearance via JavaScript API. Simple but effective, this JavaScript slider is a neat way of creating nice-looking, cross-browser slider bars.
All necessary features included
dhtmlxSlider provides options to set min and max values, step value, and default value. In addition to setting value by clicking on the slider or dragging the slider's handle, the value can also be set by entering it into the input field.
Cross-browser JavaScript slider bar
dhtmlxSlider provides rich feature set and fast rendering. This JavaScript slider bar is compatible with all major web browsers and distributed for free.

Editions and Licenses

DHTMLX JavaScript Slider control is available in Standard Edition only.

You can use dhtmlxSlider for free under GNU General Public License v2, or Free License that allows you to use the component in a non-GPL application/website.

Open Source - GPL v2 - Allows you to use dhtmlxSlider in open source, GPL-ed projects for free.

Free License - Allows you to use dhtmlxSlider in non-GPL, proprietary projects (applications) at no charge.

Support & Learning Resources

Technical samples

All JavaScript Slider features are accompanied by an online sample.

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can teach you how to use JavaScript Slider control and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxSlider integration into your app? Contact us