downshift-js/downshift ? reverse-engineered prompt

Reverse engineered prompt

Build me a small React library that makes it easy to create accessible autocomplete, combobox, select, and tag style dropdowns without forcing a fixed UI.

I want the main API to be simple hooks for a custom select, a combobox or autocomplete input, and a tag group so multiple selected items can show up as tags. It should handle keyboard and screen reader friendly behavior out of the box, follow the ARIA patterns for these controls, and still let me fully control how the UI looks by just spreading props onto my own elements.

Please also include the older render prop style component for backwards compatibility, along with a few clear examples and a docs site that explains how to use the hooks. It should work with React, and if possible support Preact too. Add tests for the important interaction behavior, since keyboard navigation and state changes are a big part of this. If you need to check the latest docs for ARIA patterns, feel free to look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab