TanStackRanger

Headless Modern and headless Range Selector UI Library

A fully typesafe hooks for building range and multi-range sliders in React.

Get Started

Typesafe & powerful, yet familiarly simple

Hooks for building range and multi-range sliders in React 100% typesafe without compromising on DX.

"Headless" UI library

Headless and extensible. Ranger doesn't render or supply any actual UI elements. It's a utility for building your own custom-designed UI components.

Extensible

Designed with maximum inversion of control in mind, Ranger is built to be easily extended and customized to fit your needs.

An ad on an open source project? What is this, 1999?
Please... TanStack is 100% privately owned, with no paid products, venture capital, or acquisition plans. We're a small team dedicated to creating software used by millions daily. What did you expect?
Check out our ethos to learn more about how we plan on sticking around (and staying relevant) for the long-haul.

Take it for a spin!

Let's see it in action!

Wow, you've come a long way!
Only one thing left to do...
Get Started!