Rooks - Open source Custom hooks in React

Rooks is a comprehensive collection of custom React hooks—over 99 of them—designed to enhance component development with easy-to-use abstractions. It supports CommonJS, UMD, and ESM formats and is fully written in TypeScript with built-in declarations npm.

As of August 26, 2025, the latest release is rooks@9.0.1 GitHub. I update it regularly.

Breadth of Hooks: Rooks offers hooks spanning animation (useIntervalWhen, useTimeoutWhen), browser APIs (useGeolocation, useOnline, useNavigatorLanguage), UI behaviors (useLockBodyScroll), event listeners, lifecycle helpers, and more npmmadewithreactjs.com.

Tree-Shakable Design: You can install just specific hooks (e.g., @rooks/use-geolocation), or the entire bundle—and your build will only include the hooks you actually use npm+1.

Saves You From Rebuilding Common Patterns: Instead of writing your own usePrevious, useToggle, or useOutsideClick, you can import them directly from Rooks—reducing boilerplate and focusing on core logic.

Real-World Use Cases: For instance, the useKeys hook makes it trivial to trigger actions on specific key sequences—like implementing an Easter egg that shows an alert when "QWERTY" is pressed DEV Community.

Community Recognition: Developers appreciate it as a solid alternative to other options like react-use; one Reddit user noted encountering Rooks as their go-to utility hook library Reddit.

Empowering Productivity: I wanted to create a curated, reliable set of hooks that solve common—but often tricky—problems, so developers don’t waste time reinventing the wheel.

Quality Over Quantity: Instead of piling on countless hooks that risk being buggy or stale, my focus with Rooks has always been on building a stable, well-tested toolkit.

Flexibility & Performance: I designed Rooks to work both as granular, standalone hook packages and as a full bundle. That way, developers get the convenience of choice without compromising on bundle size.

Type Safety & Modern Standards: By building everything with TypeScript and ensuring compatibility across module systems, I made sure Rooks works seamlessly with modern React development practices.

Encouraging Best Practices: My goal was also to promote better coding habits—Rooks’ higher-level hooks help developers avoid common pitfalls with low-level hooks like useEffect, leading to cleaner, more declarative, and maintainable code.