react-component/slider
🎚️ Accessible React slider for single values, ranges, marks, and editable handles. observed · 2026-08-28
Health v2 · maintenance only
93/100
- Activity 95
- Release rhythm 87
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 80.5
- age_days: 4154
- days_rel: 6
- days_push: 30
- n_releases_24m: 9
Adoption not part of the score
3082 stars · 768 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
@rc-component/slider is an accessible React slider component supporting single-value and range selection, with marks, dots, keyboard interaction, vertical/reverse layouts, and editable handles. It is part of the Ant Design ecosystem and is the underlying slider used by Ant Design.
Use cases
- add a slider input to a React form
- build a range picker with two draggable handles
- show labeled marks and dots on a slider track
- create a vertical or reversed slider control
- make an accessible slider with keyboard support and aria labels
- let users edit range handle values directly
When to choose
- you need a headless-ish, well-tested React slider with rich range and marks support
- you are building with or alongside Ant Design
- accessibility and keyboard interaction are requirements
When to avoid
- you need a full design system rather than a single component
- your project does not use React
- you need sliders outside the web browser, e.g. native mobile
Facets
library · maturity active
ui-components form-handling accessibility frontend web-development web-design browser cross-platform react slider range-slider ant-design typescript input-controls nodejs
2 sources
- readme: https://github.com/react-component/slider · fetched 2026-08-28 · 47e780255464
- homepage: https://react-component.github.io/slider · fetched 2026-08-29 · 733c2796836a
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| react-component/slider | main | 93 |
For agents
markdown · JSON · MCP: product_card(name="react-component/slider")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem