CircularRange is a native web component for creating circular range sliders without any dependencies.
Perfect for gauges, speedometers, and custom controls.
Key features:
- Zero dependencies, single JavaScript module
- Full keyboard navigation and ARIA support
- 20+ CSS variables for complete styling control
- Works with standard form submissions
- Supports custom arcs, reverse direction, and multi-labels
Built on modern web standards with Shadow DOM encapsulation and ElementInternals API integration.
Great for dashboards, audio controls, and IoT interfaces where circular inputs make more sense than linear sliders.
Top comments (0)