Advance UI-active

Lightweight range slider with multi-touch support and a ton of features

Reference
Basic slider with tooltip and formatted value display.
Value: 14
Range slider with two handles for selecting a price interval.
250 450
Sliders can be enabled and disabled.
Enabled
Using events to work with the values and style via CSS.

R

G

B

Vertical slider with custom range.
Value: 10
Tooltips can always be displayed on the slider handles.
Using a custom step interval of 10.
Value: 50
Slider with live value update on slide event.
Current Slider Value: 3
Slider with pip marks and labels. Click pips to set value.
Non-linear range slider with percentage-based sub-ranges.
Value: 500
Range slider with colored connect bar between handles.
Range: 30 - 70
Soft limits that snap back when exceeded (20-80 range).
Value: 50
Theme Customizer

Personalize your experience

Theme Mode

Quick switch between themes

Sidebar Configuration

Customize your sidebar appearance

Choose between light and dark sidebar
Show or hide navigation icons
Show or hide navigation captions
Left-to-right or right-to-left layout
Container width configuration
Theme Colors

Customize your color scheme

Choose your main brand color
Customize header background color
Customize navigation bar colors
Brand logo area customization
Navigation caption text colors
Advanced Settings

Fine-tune interface details

Choose icons for expandable menus
Icons for menu link items