Minimalist jQuery Slider Component - Amino Slider

File Size: 4.61 KB
Views Total: 1494
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimalist jQuery Slider Component - Amino Slider

Amino Slider is an ultra-lightweight jQuery plugin that helps you create flat, horizontal sliders for easy numeric value selection.

How to use it:

1. Include the jQuery Amino Slider plugin's CSS in the head section of the html page.

<link rel="stylesheet" href="css/amino-slider.css">

2. The required markup structure for the slider.

<amino-slider class="slider" data-min="0" data-max="100" data-value="10"></amino-slider>

3. Include jQuery Amino Slider plugin's JavaScript file after jQuery library but before the closing body tag.

<script src="//"></script>
<script src="js/jq.aminoSlider.js"></script>

4. Initialize the slider plugin. That's it.

(function($) {
  "use strict";
  //Select the slider element.
  var $slider = $('.slider');

This awesome jQuery plugin is developed by arminbro. For more Advanced Usages, please check the demo page or visit the official website.