◐ Shell clean mode source ↗

GitHub - TanStack/ranger: 🤖 Headless utilities for building range and multi-range sliders in React, Preact, Solid, Vue, Svelte and Angular

TanStack

Skip to content

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 124 Commits
.changeset		.changeset
.github		.github
docs		docs
examples/react		examples/react
media		media
packages		packages
scripts		scripts
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.nvmrc		.nvmrc
.prettierignore		.prettierignore
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
knip.json		knip.json
nx.json		nx.json
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
prettier.config.js		prettier.config.js
tsconfig.json		tsconfig.json

Repository files navigation

Headless UI for building ranger component in TS/JS and React

#TanStack

semantic-release

Join the discussion on Github

Enjoy this library? Try the entire TanStack! React Query, TanStack Table, React Charts

Visit tanstack.com/ranger for docs, guides, API and more!

Quick Features

Headless!
Single or Multiple Handles
Handle Divider Items
Custom Steps or Step-Size
Custom Ticks

About

🤖 Headless utilities for building range and multi-range sliders in React, Preact, Solid, Vue, Svelte and Angular

tanstack.com/ranger

Resources

License

Contributing

Custom properties

Stars

Watchers

Forks

Report repository

Releases 7

@tanstack/react-ranger@0.0.5 Latest

Dec 6, 2025

Sponsor this project

Learn more about GitHub Sponsors

Contributors

Languages