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.

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!