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.

This ad helps us be happy about our invested time and not burn out and rage-quit OSS. Yay money! 😉

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!