Range Sliders

A great plugin; Range Slider can be used for filtering on portfolios, shop pages or how you need. Range Slider plugin is have a lot of skins, types and options. And Range slider have great browser support. And you can setup Range Slider with data- attributes only.

Range slider is works perfect on all devices and ready for touch support. They can be used easily in HTML forms.

You can visit plugin page for this great plugin. You can find all details and documentation.

Range Sliders

Start without params

Set min value, max value and start point

Showing grid and adding prefix "$"

Set up range and step

Set up range with negative values

Using step 250

Using fractional step

Using custom values array

Set up you own numbers

Using any strings as your values

One more example with strings

Prettify visual look of numbers

Big numbers are ugly and unreadable

Prettify enabled. Much better!

Use anything you like!

Use your own prettify function!

Decorating numbers

Using prefixes

Using postfixes

Show that max number

Use decorate_both option:

Remove double decoration

Use your own separator symbol. Like →

Or " to ":

Visual details

You can disable all visual details.

Or hide any part you wish

And some more

Please tell us if you want to see more element templates in Quadra. We really care about it.

Drop us a message

You're at the right place now! How can we help?

Start without params

Set min value, max value and start point

Showing grid and adding prefix "$"

Set up range with negative values

Using step 250

Using fractional step

Set up you own numbers

Using any strings as your values

One more example with strings

Big numbers are ugly and unreadable

Prettify enabled. Much better!

Use anything you like!

Use your own prettify function!

Using prefixes

Using postfixes

Show that max number

Use decorate_both option:

Remove double decoration

Use your own separator symbol. Like →

Or " to ":

You can disable all visual details.

Or hide any part you wish

And some more

And some more

Drop us a message

Recommend Links;