ImageImageImage
TanStack
Ranger v0v0
AlphaTry TanStack MCP
Log In
StartRC
StartRC
Router
Router
Query
Query
Table
Table
DBbeta
DBbeta
AIalpha
AIalpha
Formnew
Formnew
Virtual
Virtual
Pacerbeta
Pacerbeta
Storealpha
Storealpha
Devtoolsalpha
Devtoolsalpha
More Libraries
More Libraries
FeedBeta
FeedBeta
Maintainers
Maintainers
Partners
Partners
Showcase
Showcase
Blog
Blog
LearnNEW
LearnNEW
Support
Support
Stats
Stats
Discord
Discord
Merch
Merch
GitHub
GitHub
Ethos
Ethos
Tenets
Tenets
Brand Guide
Brand Guide
Docs
CodeRabbitCodeRabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
PowerSyncPowerSync
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey
Fireship
CodeRabbitCodeRabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
PowerSyncPowerSync
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey
Fireship
Menu
  • Home
  • Contributors
  • GitHub
  • Discord
Getting Started
  • Overview
  • Installation
  • Quick Start
Adapters
  • React Ranger
API Reference
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Examples
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Menu
  • Home
  • Contributors
  • GitHub
  • Discord
Getting Started
  • Overview
  • Installation
  • Quick Start
Adapters
  • React Ranger
API Reference
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Examples
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag

    TanStackRanger

    Headless range and multi-range slider utilities.

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

    Get Started
    1,680,278
    NPM Downloads
    823
    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

    CodeRabbitCodeRabbit
    CloudflareCloudflare
    AG GridAG Grid
    NetlifyNetlify
    WorkOSWorkOS
    NeonNeon
    ClerkClerk
    ConvexConvex
    ElectricElectric
    SentrySentry
    PowerSyncPowerSync
    PrismaPrisma
    StrapiStrapi
    UnkeyUnkey
    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...
    Get Started!
    Blog
    @Tan_Stack on X.com
    @TannerLinsley on X.com
    GitHub
    Youtube
    Nozzle.io - Keyword Rank Tracker
    Ethos
    Tenets
    Privacy Policy
    Terms of Service
    © 2026 TanStack LLC
    Advertisement