AI Model Effort Selector with Magnetic Step Slider – ChatGPT Model Selector
Create an AI reasoning effort control for AI chatbot with five selectable levels and a reusable vanilla JavaScript Web Component.
JavaScript & CSS range slider
Claude-Style Effort Slider Web Component – Claude Model Selector
Add an effort picker to any dashboard with Claude Model Selector, a custom element with magnetic drag, level labels, and an animated top tier.
Responsive & Touch-enabled Range Slider In Vanilla JavaScript – rangeSlider
rangeSlider is a pure Vanilla JavaScript library that convert regular Html5 range inputs into responsive, mobile-friendly range slider UI controls.
Accesible Range Slider Custom Element
A touch-friendly, fully accessible, slim-style range slider Custom Element written in JavaScript.
Build Custom Circular Range Sliders with CircularRange Web Component
Create circular range controls with CircularRange web component. Supports custom arcs, keyboard navigation, and form integration without dependencies.
Accessible Dual-Handle Range Slider Library – range-slider.js
Build accessible dual-handle range sliders with vanilla JavaScript. Zero dependencies, full keyboard support, and flexible configuration options.
Accessible Dual-Thumb Range Slider for Web & Mobile – DoubleRange
A vanilla JavaScript library for creating accessible dual-thumb range sliders with full keyboard support and ARIA compliance.
Modern Range Sliders Based On Native Range Inputs – dual-range-input
A JavaScript library for creating customizable, modern dual-range sliders using native range inputs. Easy to use and style.
Highly Customizable Range Slider In JavaScript – Slider89.js
Slider89.js is a small JavaScript library to create a minimal-looking, highly customizable range slider from plain HTML markup.
Interactive Range Slider with Tooltip Using Pure CSS
Build a custom range slider with a tooltip using only CSS! No JavaScript needed.