Overview

TanStack Ranger provides headless utilities for building fully accessible range and multi-range slider components. It handles all the complex logic for single value, range, and multi-thumb sliders while giving you complete control over styling and markup.

Package: @tanstack/react-ranger
Core: @tanstack/ranger-core (framework-agnostic)
Status: Stable

Installation

npm install @tanstack/react-ranger

Core Pattern

import { useRanger } from '@tanstack/react-ranger'

related skills

semantically similar in the cross-vendor index

skills.sh

50% match

3dsvg-interactive-react

Turn SVGs into interactive React 3D components using the 3dsvg library and visual editor

by @aradotso

don't have the plugin yet? install it then click "run inline in claude" again.

implexa · skills ranked by SkillRank

top skills resources guides install github llms.txt x / twitter privacy

skills.sh

49% match

awwwards-animations

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when…

by @devmartinese

skills.sh

48% match

react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering…

by @vercel-labs

skills.sh

47% match

react-native-r3f

Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js

by @mindrally

skills.sh

46% match

next-best-practices

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…

by @vercel