NMRangeSlider

NMRangeSlider is custom iOS control that gives you a UISlider like UI for selecting a range of values. This project was inspried by: buildmobile/iosrangeslider.

The range slider can be configured using a set of images in much the same way as UISlider. (Background, Track and Thumbs)

In addition to the regular UISlider features it can:

Handle stepped values. The handles will snap to points along the slider with a couple different options
Access to the centre location of handle image. This can be used to arrange subviews.
(New) Disable lower handle so it behaves like a regular UISlider but still use other features.
(New) Set a negative min range so the thumbs can cross over. (with custom track image)
(New) Automatic iOS 7 theme with tint color support

See the demo application for some examples on how the to configure the slider.

TODO

If anyone would like to help here a few things I would like to add:

Custom images for other control states. UISlider lets the user set different images for any number of UIControlStates.
Have a designer provide a few more sample graphics.
Ability to set a tint colour that is applied to the default images (or drawn using CoreGraphics)

Authors

Murray Hughes (@muzzkat)

License

Licensed under the MIT License, enjoy!

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Nouislider	5,384	1,399	307	4 months ago	53	August 12, 2022	29	mit	TypeScript
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
Ion.rangeslider	2,532			2 months ago			131	mit	JavaScript
jQuery only range slider
Flutter_app	2,417			2 months ago			9	apache-2.0	Dart
🔥🔥🔥本项目包括各种基本控件使用（Text、TextField、Icon、Image、Listview、Gridview、Picker、Stepper、Dialog、Slider、Row、Appbar、Sizebox、BottomSheet、Chip、Dismissible、FlutterLogo、Check、Switch、TabBar、BottomNavigationBar、Sliver等）、豆瓣电影、tubitv、每日一文、和天气、百姓生活、随机诗词、联系人、句子迷、好奇心日报、有道精品课、高德定位、音乐播放器🎵、追书神器等板块
Vue Slider Component	2,292	394	223	6 months ago	195	July 28, 2022	24	mit	TypeScript
🌡 A highly customized slider component
Rangeslider.js	2,162	131	14	8 months ago	26	October 06, 2019	74	mit	JavaScript
🎚 HTML5 input range slider element polyfill
React Slider	813	319	97	a month ago	47	May 16, 2022	11	mit	JavaScript
Accessible, CSS agnostic, slider component for React.
Nmrangeslider	731	31		3 years ago	3	March 24, 2015	42	mit	Objective-C
A custom range slider for iOS
React Input Range	705	601	124	a year ago	33	January 06, 2018	125	mit	JavaScript
React component for inputting numeric values within a range (range slider)
React Rangeslider	620	390	111	8 months ago	16	September 19, 2017	92	mit	JavaScript
A lightweight responsive react range slider component.A fast & lightweight react component as a drop in replacement for HTML5 input range slider element.
Deskapp	595			a month ago	2	July 03, 2020		mit	HTML
DeskApp Admin is a free to use Bootstrap 4 admin template.

Nmrangeslider

NMRangeSlider

TODO

Authors

License