Vertical or horizontal alignment
Many options: number labels and format, element thickness/height, clickability, etc.
Number inputs: switchable, synchronized with slider
Range (from ... to ...) or single value (up to ...)
Adaptability (SVG + JS + CSS)
Development time savings: 120+ working hours
Slider for selecting numbers or their range. Can be used as a filter for tables, field forms, displaying numeric data, etc.
It consists of 1) a logic module and 2) HTML representation (rendering).
The logic module is standalone and does not contain external dependencies (pure JavaScript). For this reason, the widget can be relatively easily adapted to any frontend framework or simple HTML/JavaScript: you just need to port the HTML rendering to this framework and configure it.
In the following demo as HTML representation (rendering) Vue.js is used. Styles are implemented with Stylus: for convinience there is a separate theme.
A complete list of features and options is given in the documentation.
DocumentationDemo
Test the slider's operation. Performance values are specified with millisecond accuracy (security limitation, more on MDN).
The demo shows only some options: for a complete list please refer to documentation.
The slider is blocked if its borders go out of view. Also note that num & tick intervals are measured as a number of steps, and step is an integer within the min-max range so that every slider value is divisible by it without remainder. This logic applies to all sliders simultaneously. Hence, intervals and step should be properly balanced.
Buy
70USD
Cryptocurrency [ available coins ]
How to buy
Please click the payment button and follow the further instructions. The process is automated.
10'000RUB
To an account in a Russian bank
How to buy
Purchasing is carried out in 3 simple steps:
- Send a request for the product you are interested in to email;
- Receive payment details and pay for your purchase;
- Receive the code for downloading your product. This code will be active for a limited time.
Terms and Conditions
The source code is provided in exactly the same form in which it is used in demo. To obtain the same result, you need to apply all the required settings and styles.
The functionality is sold "as is". Please review the demo and documentation before purchasing to be sure you are happy with everything. After receiving the source code, you can modify it as you wish without restrictions. There are also no restrictions on time of use.
Payment is one-time and non-refundable. The setup is carried out by you yourself: consultations are not provided.
Disclaimer
The functionality is intended for use only without any restrictions on modification and time of use. Resale and transfer to third parties are prohibited.
The software is provided "as is" without warranty of any kind. The provider (seller) of the software and its contact persons are not responsible for any consequences of the use and application of the functionality. By making a purchase you agree to these terms and conditions.
Privacy Policy
To process the order, only the buyer's email address is used. In addition, an order ID is generated, as well as a code for downloading the product indicating the corresponding date and time. This data, including the user's email address, is used only for order proccessing and is not used in any other way. Payment processor might require additional data: as a rule, no more than the cryptocurrency wallet address (please refer to its privacy policy for details).
This website does not use cookies and does not collect or store other information about users. Full use of this website does not require user registration.
By using this website, you agree to this Privacy Policy.
