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: 17 days 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-12T20:34:54.000Z (almost 3 years ago)
• Last Synced: 2024-10-11T13:31:15.383Z (about 1 month 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: 131
• 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).

![Verly Range Slider](./assets/screenshot.png)

## 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)