Skip to content
Range sliders with some verlet physics magic.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets initial commit Jul 3, 2019
src added resize handling Jul 6, 2019
Readme.md updated readme with new version Jul 6, 2019
index.html added resize handling Jul 6, 2019
index.js initial commit Jul 3, 2019

Readme.md

Verly Range Slider

Range sliders with some verlet physics magic!

Verly Range Slider

Usage

Download

git clone https://github.com/anuraghazra/VerlyRangeSlider.git

OR

copy paste this code to your page header

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/anuraghazra/VerlyRangeSlider@v1.0.2/src/style.css" />
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/Verly.js@v1.1.4/dist/verly.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/VerlyRangeSlider@v1.0.2/src/VerlyRange.js"></script>

basic markup

<label class="slidecontainer">
  <span>My Slider</span>
  <input class="slider" id="my-slider" type="range" min="1" step="0.01" max="100" value="20" />
</label>

in your js file

// id, color
VerlyRange('my-slider', '#655ecf');

Verly range slider is made with Verly.js

Made with ❤️ and Javascript by Anurag Hazra

You can’t perform that action at this time.