https://github.com/anuraghazra/verlyrangeslider
Range sliders with some verlet physics magic.
https://github.com/anuraghazra/verlyrangeslider
css css-range-slider input physics range-slider range-sliders verlet verlyjs
Last synced: 3 months ago
JSON representation
Range sliders with some verlet physics magic.
- Host: GitHub
- URL: https://github.com/anuraghazra/verlyrangeslider
- Owner: anuraghazra
- Created: 2019-07-03T13:35:22.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-02-12T20:34:54.000Z (over 3 years ago)
- Last Synced: 2025-02-27T08:54:53.411Z (3 months ago)
- Topics: css, css-range-slider, input, physics, range-slider, range-sliders, verlet, verlyjs
- Language: HTML
- Homepage: https://anuraghazra.github.io/VerlyRangeSlider
- Size: 54.7 KB
- Stars: 133
- Watchers: 2
- Forks: 19
- Open Issues: 1
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Verly Range Slider
Range sliders with some verlet physics magic!
Checkout [Verly Range Slider's Case Study](https://anuraghazra.github.io/case-studies/verly-range-slider).
## Usage
Download
```bash
git clone https://github.com/anuraghazra/VerlyRangeSlider.git
```
OR
copy paste this code to your page header
```html
```
basic markup
```html
My Slider
```
in your js file
```javascript
// id, color
VerlyRange('my-slider', '#655ecf');
```
---
Verly range slider is made with [Verly.js](https://github.com/anuraghazra/Verly.js)
Made with :heart: and Javascript by [Anurag Hazra](http://anuraghazra.github.io)