The Story Behind use-outside-click
It started with frustration. Every dropdown, modal, and popover needed the same thing — detect a click outside an element. The existing options were either 6kb class-based relics or unmaintained HOCs. So one late night, Kitsune Labs shipped a fix.
useOutsideClick(ref, () => setOpen(false));
That's the whole API. Hook-first, TypeScript-native, SSR-safe, ~300 bytes gzipped, zero dependencies. Multiple refs, touch + mouse, capture phase, and auto cleanup — all built in.
What's Next
This is just the beginning. We're building a whole family of tiny, focused web-dev utilities under Kitsune Labs — lean tools with clean DX and no bloat.
Contributing
We'd love your help. Open an issue, file a PR, or just share ideas.
git clone https://github.com/kitsunechaos-labs/use-outside-click.git
cd use-outside-click && npm install && npm test
Let's build a kind, quality-first community together. ⭐ Star the repo if it saved you time!