anuraghazra / Verlyrangeslider
Range sliders with some verlet physics magic.
Stars: ✭ 84
Projects that are alternatives of or similar to Verlyrangeslider
Nouislider
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
Stars: ✭ 5,127 (+6003.57%)
Mutual labels: input, range-slider
Ign Gazebo
Open source robotics simulator. Through Ignition Gazebo users have access to high fidelity physics, rendering, and sensor models. Additionally, users and developers have multiple points of entry to simulation including a graphical user interface, plugins, and asynchronous message passing and services. Ignition Gazebo is derived from Gazebo, and represents over 16 years of development and experience in robotics and simulation. This library is part of the Ignition Robotics project.
Stars: ✭ 81 (-3.57%)
Mutual labels: physics
Autosize Input
🎈 Effortless, dynamic-width text boxes in vanilla JavaScript
Stars: ✭ 64 (-23.81%)
Mutual labels: input
React Categorized Tag Input
React.js component for making tag autocompletion inputs with categorized results.
Stars: ✭ 78 (-7.14%)
Mutual labels: input
React Tagsinput
Highly customizable React component for inputing tags.
Stars: ✭ 1,241 (+1377.38%)
Mutual labels: input
Alertjs
Dialog Builder allows you to create fully customisable dialogs and popups in Dynamics 365.
Stars: ✭ 80 (-4.76%)
Mutual labels: input
Use Cannon
👋💣 physics based hooks for react-three-fiber
Stars: ✭ 1,183 (+1308.33%)
Mutual labels: physics
Sisl
Scientific Python toolbox for large scale tight-binding and electronic structure calculations (DFT and NEGF analysis)
Stars: ✭ 67 (-20.24%)
Mutual labels: physics
Qrack
Comprehensive, GPU accelerated framework for developing universal virtual quantum processors
Stars: ✭ 79 (-5.95%)
Mutual labels: physics
V Suggest
A Vue2 plugin for input content suggestions, support using keyboard to navigate and quick pick, it make use experience like search engine input element
Stars: ✭ 67 (-20.24%)
Mutual labels: input
Gilrs
Game Input Library for Rust - Mirror of https://gitlab.com/gilrs-project/gilrs
Stars: ✭ 81 (-3.57%)
Mutual labels: input
Humper
Collision detection for Axis-Aligned-Bounding-Boxes (aka AABB) in C#.
Stars: ✭ 73 (-13.1%)
Mutual labels: physics
Chaostools.jl
Tools for the exploration of chaos and nonlinear dynamics
Stars: ✭ 77 (-8.33%)
Mutual labels: physics
Rust Game Development Frameworks
List of curated frameworks by the **Game Development in Rust** community.
Stars: ✭ 81 (-3.57%)
Mutual labels: physics
Angularjs Slider
Slider directive for AngularJS 1.X. No dependencies and mobile friendly.
Stars: ✭ 1,236 (+1371.43%)
Mutual labels: range-slider
Verly Range Slider
Range sliders with some verlet physics magic!
Checkout Verly Range Slider's Case Study.
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/[email protected]/src/style.css" />
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/dist/verly.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].