https://github.com/tanstack/ranger

🤖 Headless utilities for building range and multi-range sliders in React, Preact, Solid, Vue, Svelte and Angular
https://github.com/tanstack/ranger

Last synced: 7 months ago
JSON representation

🤖 Headless utilities for building range and multi-range sliders in React, Preact, Solid, Vue, Svelte and Angular

• Host: GitHub
• URL: https://github.com/tanstack/ranger
• Owner: TanStack
• License: mit
• Created: 2018-06-23T23:12:46.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2024-05-03T12:59:15.000Z (over 1 year ago)
• Last Synced: 2025-06-12T08:16:18.642Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 1.34 MB
• Stars: 787
• Watchers: 8
• Forks: 67
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
![React Ranger Header](https://github.com/tanstack/ranger/raw/main/media/headerv1.png)

Headless UI for building ranger component in TS/JS and React



  







  



  



    

  

  



  



  









Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/TanStack/react-query), [TanStack Table](https://github.com/TanStack/table), [React Charts](https://github.com/TanStack/react-charts)

## Visit [tanstack.com/ranger](https://tanstack.com/ranger) for docs, guides, API and more!

## Quick Features

- Headless!

- Single or Multiple Handles

- Handle Divider Items

- Custom Steps or Step-Size

- Custom Ticks