Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
TanStack Ranger
[go: Go Back, main page]
TanStack
Ranger v0v0
Log In
Docs
CodeRabbit
Cloudflare
AG Grid
Netlify
Neon
WorkOS
Clerk
Convex
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
CodeRabbit
Cloudflare
AG Grid
Netlify
Neon
WorkOS
Clerk
Convex
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
Menu
Getting Started
Adapters
API Reference
Examples

TanStackRanger

Headless range and multi-range slider utilities.

Headless, lightweight, and extensible primitives for building range and multi-range sliders.

Get Started
1,895,353
NPM Downloads
824
Stars on Github
13
Contributors on GitHub
0
Dependents on GitHub
Learn about TanStack AdsHide Ads

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!

Maintainers

Tanner Linsley
View All Maintainers

Partners

CodeRabbit
Cloudflare
AG Grid
Netlify
WorkOS
Neon
Clerk
Convex
Electric
Sentry
Railway
PowerSync
Prisma
Strapi
Unkey
Fireship
Nozzle.io
Ranger You?
We're looking for TanStack Ranger Partners to join our mission! Partner with us to push the boundaries of TanStack Ranger and build amazing things together.
Let's chat
View Previous Partners

Sponsors

Become a Sponsor
Learn about TanStack AdsHide Ads
Wow, you've come a long way!
Only one thing left to do...
© 2026 TanStack LLC