Modern input controls

Five range slider components with live value feedback.

Use these variants for filters, settings, budgets, and form controls. Each slider supports smooth dragging, responsive sizing, and clear visual states.

Climate

Temperature Control

22°C

RGB Color Mixer

Video Timeline

01:24 04:56

Basic Sliders

...

Creative Sliders

...

Premium Interactive Sliders

...
Single handle

Neon Value Slider

68%

Great for brightness, volume, progress, and quick one-value adjustments.

Dual handle

Price Range Slider

$120 - $840
$120 $840
Vertical

Audio Gain Slider

45%

Studio mode

Designed for mixers, brightness controls, and compact tool panels.

Stepped

Plan Selector

Pro
Basic Plus Pro Elite
Basic
Plus
Pro
Elite
Value bubble

Opacity Slider

82%
82

The floating bubble follows the thumb for precise feedback while dragging.

Energy control

Cyber Pulse Slider

72%
Low power Maximum output
Glass morphism

Liquid Blur Slider

45%

Smooth translucent animation for futuristic dashboards.

Audio visualizer

Wave Frequency

58%
Bass Treble
Interactive UI

Orbit Intensity

31%

Great for gaming controls and immersive interfaces.

Luxury gradient

Premium Access

VIP
Free Starter Pro VIP
Gradient control

Sunset Heat Slider

64%
Biometric UI

DNA Frequency

89%

Futuristic biotech inspired slider animation.

Glass crystal

Crystal Blur

51%
Soft Sharp
Gaming system

XP Progress

LVL 27
12,400 XP 20,000 XP
Space control

Galaxy Density

93%

Cosmic inspired UI with glowing star effects.