TanStack Select v0

Headless UI for creating advanced custom select, autocomplete, and dropdown components.

<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent"> <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack" /> </a> <a href="https://github.com/tanstack/select/actions?select=workflow%3A%22react-select+tests%22"> <img src="https://github.com/tanstack/select/workflows/react-select%20tests/badge.svg" /> </a> <a href="https://npmjs.com/package/@tanstack/react-select" target="\_parent"> <img alt="" src="https://img.shields.io/npm/dm/@tanstack/react-select.svg" /> </a> <a href="https://bundlephobia.com/result?p=@tanstack/react-select@latest" target="\_parent"> <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-select@latest" /> </a> <a href="#badge"> <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg"> </a> <a href="https://github.com/tanstack/select/discussions"> <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" /> </a> <a href="https://github.com/tanstack/select" target="\_parent"> <img alt="" src="https://img.shields.io/github/stars/tanstack/react-select.svg?style=social&label=Star" /> </a> <a href="https://twitter.com/tannerlinsley" target="\_parent"> <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" /> </a>

Enjoy this library?

Try other TanStack libraries:

• TanStack Router <img alt="" src="https://img.shields.io/github/stars/tanstack/router.svg" />
• TanStack Query <img alt="" src="https://img.shields.io/github/stars/tanstack/query.svg" />
• TanSack Table <img alt="" src="https://img.shields.io/github/stars/tanstack/table.svg" />
• TanStack Virtual <img alt="" src="https://img.shields.io/github/stars/tanstack/virtual.svg" />
• TanStack Form <img alt="" src="https://img.shields.io/github/stars/tanstack/form.svg" />
• TanStack Store <img alt="" src="https://img.shields.io/github/stars/tanstack/store.svg" />
• TanStack Ranger <img alt="" src="https://img.shields.io/github/stars/tanstack/ranger.svg" />
• TanStack Pacer <img alt="" src="https://img.shields.io/github/stars/tanstack/pacer.svg" />
• TanStack Select <img alt="" src="https://img.shields.io/github/stars/tanstack/select.svg" />
• TanStack Config <img alt="" src="https://img.shields.io/github/stars/tanstack/config.svg" />

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

You may know TanSack Select by our adapter names, too!

• React Select

Summary

Coming soon...

Quick Features

Coming soon...

Installation

Install one of the following packages based on your framework of choice:

# Npm
npm install @tanstack/react-select
npm install @tanstack/select # no framework, just vanilla js

How to help?

Become a Sponsor

<!-- USE THE FORCE LUKE -->