TanStack
Ranger v0v0
Auto
Log In
TanStack StartRC
DocsExamplesGitHubContributors
TanStack Router
DocsExamplesGitHubContributors
TanStack Query
DocsExamplesGitHubContributors
TanStack Table
DocsExamplesGithubContributors
TanStack Formnew
DocsExamplesGithubContributors
TanStack DBbeta
DocsGithubContributors
TanStack Virtual
DocsExamplesGithubContributors
TanStack Paceralpha
DocsExamplesGithubContributors
TanStack Storealpha
DocsExamplesGithubContributors
TanStack Devtoolsalpha
DocsGithubContributors
More Libraries
Maintainers
Partners
Support
Learn
StatsBETA
Discord
Merch
Blog
GitHub
Ethos
Brand Guide
Documentation
Framework
Version
Menu
  • Home
  • Contributors
  • GitHub
  • Discord
Getting Started
  • Overview
    core
  • Installation
    core
  • Quick Start
    core
Adapters
  • React Ranger
    react
API Reference
  • Basic
    react
  • Custom Steps
    react
  • Custom Styles
    react
  • Logarithmic Interpolator
    react
  • Update on Drag
    react
Examples
  • Basic
    react
  • Custom Steps
    react
  • Custom Styles
    react
  • Logarithmic Interpolator
    react
  • Update on Drag
    react
Framework
Version
Menu
  • Home
  • Contributors
  • GitHub
  • Discord
Getting Started
  • Overview
    core
  • Installation
    core
  • Quick Start
    core
Adapters
  • React Ranger
    react
API Reference
  • Basic
    react
  • Custom Steps
    react
  • Custom Styles
    react
  • Logarithmic Interpolator
    react
  • Update on Drag
    react
Examples
  • Basic
    react
  • Custom Steps
    react
  • Custom Styles
    react
  • Logarithmic Interpolator
    react
  • Update on Drag
    react

React Ranger

You can install TanStack Ranger with any NPM package manager.

sh
npm install @tanstack/react-ranger
npm install @tanstack/react-ranger
Edit on GitHub
Quick Start
Basic
PartnersBecome a Partner
Code RabbitCode Rabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey