Range sliders

Modern skin

Cool, comfortable, responsive and easily customizable range slider

DefaultStart without params

101000010

Min-MaxSet min value, max value and start point

1001 00000550

Prefixshowing grid and adding prefix "$"

$0$1 000$200$800$200 — $80002505007501 000

RangeSet up range with negative values

-1 0001 000-500500-500 — 500-1 000-50005001 000

StepUsing step 250

-1 0001 000-500500-500 — 500-1 000-50005001 000

Custom ValuesUsing any strings as values

JanuaryDecember00AprilJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember

Prettify NumbersPrettify enabled. Much better!

1 0001 000 00000200 0001 000250 750500 500750 2501 000 000

DisabledLock slider by using disable option

1001 00000550

Extra ExampleWhant to show that max number is not the biggest one?

Age 18Age 70+00Age 301831445770

Use decorate_both optionUse decorate_both option

Weight: 100 million poundsWeight: 200 million poundsWeight: 145 million poundsWeight: 155 million poundsWeight: 145 million pounds — Weight: 155 million pounds

PostfixesUsing postfixes

-90Â°90Â°000Â°-90-4504590

HideOr hide any part you wish

1 0001 2501 5001 7502 000

Range sliders

Modern skin

Theme Settings

Color Scheme

Topbar Color

Menu Color

Sidebar Size

Layout Mode

UI Components

Applications

Extra Pages

Notifications

Range sliders

Modern skin

Theme Settings

Color Scheme

Topbar Color

Menu Color

Sidebar Size

Layout Mode