React component for inputting numeric values within a range (range slider)

react react-component form range-slider input-range

• Updated May 20, 2024
• JavaScript

🎚 React beautiful input range slider

react animation slider smooth input-range

• Updated Feb 27, 2023
• TypeScript

Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.

es6 vanilla-javascript pure-javascript range-slider input-range rangeslider

• Updated Mar 21, 2026
• JavaScript

Handling User Registration and Login with Redux, Form validations using Pure ReactJS applications without any external package.

react redux react-router multiselect profile-image react-redux redux-thunk login-forms input-range formvalidation register-form

• Updated Dec 30, 2022
• JavaScript

Range Slider Using HTML CSS & JavaScript

range-slider input-range custom-range-slider

• Updated Apr 1, 2023
• SCSS

Transform input range elements into something prettier and more configurable.

slider range range-slider range-picker input-range ranges slider-control

• Updated Mar 16, 2019
• JavaScript

Simulate native input range component.

slider bar input-range

• Updated Apr 9, 2020
• TypeScript

Video control bar created from scratch. in addition to pausing and playing, an input range was used to visually follow the video's progress and at the same time allow the video to advance and rewind just by dragging the bar cursor.

javascript html5 css3 input-range html-css-javascript

• Updated Jan 10, 2023
• HTML

React Component Range is a simple and minimal React input range component

react javascript input reactjs react-component react-components range range-slider input-range range-component

• Updated Dec 9, 2022
• JavaScript

Out of the Blue: Creating Floating Hearts with a Range Slider with CSS and JavaScript

javascript css html css-animations web-animation input-range css-keyframes devto keyframes-animation

• Updated Aug 7, 2024

A colourful, emotive range slider for Vue 3 — accessible, token-driven theming, ordinal & numeric axes, WCAG 2.2 AA compliant.

vuejs vue slider vue-component input-range vue3

• Updated Oct 1, 2026
• TypeScript

jQuery plugin for handling selections

javascript jquery jquery-plugin input-range

• Updated Mar 5, 2015
• JavaScript

input-range.js is a ES5 custom element, a highly stylizable component with the same functionality as the original input range (mimic iOS and PC behaviour), compatible with all modern browsers from IE11+.

styling custom-elements input-range internet-explorer custom-element es5-javascript

• Updated Dec 23, 2021
• JavaScript

A Nuxt project with gsap transitions and input+range components

nuxt gsap nuxtjs input-range

• Updated Aug 20, 2020
• Vue

Styling custom input type range with css

javascript css html less input-range

• Updated Apr 11, 2018
• CSS

Simple reproduction of an unintuitive interaction between @bind-value and @oninput in Blazor WebAssembly.

input-range two-way-binding blazor blazor-webassembly

• Updated Nov 9, 2025
• HTML

react input-range usecontext-hook

• Updated Oct 27, 2023
• JavaScript

RGB Color Picker

color color-picker vanilla-javascript vanilla-js rgb input-range vitejs

• Updated Nov 1, 2023
• Sass

HTML input which behaves like a console controller joystick

html input joystick input-range

• Updated Apr 14, 2022
• JavaScript

▶️ Create an interactive video player with draggable controls, smooth animations, and a glass-like UI for a seamless user experience on iOS and Android.

javascript css html bootstrap extension video dependency-injection clean-architecture audio-player browser-extension webcam input-range html-css-javascript hand-gesture-recognition flutter-ui flutter-bloc pexels-api hand-gesture-mouse-controller

• Updated Oct 13, 2026
• TypeScript