Complete Hook Collection
Browse our comprehensive library of 29 custom React hooks. Each hook is meticulously crafted, thoroughly tested, and optimized for modern React applications.
Find Your Hook
Search by name, description, or category
Browser APIs
Modern browser APIs wrapped in React hooks for seamless integration. These hooks handle cleanup, edge cases, and provide type-safe interfaces to powerful web platform features.
Detect when an element enters the viewport
Track element size changes in real-time
Observe DOM mutations and changes
Track user position with automatic cleanup
Dark mode, mobile/desktop detection
Network detection with offline queue sync
Copy to clipboard with fallback support
Performance
Optimize your React applications with hooks that prevent unnecessary re-renders, manage expensive operations, and ensure smooth user experiences.
Limit function calls for scroll/resize events
Delay execution for search and form validation
Prevent memory leaks with auto-cleanup
Smooth animations and visual updates
Track previous state/props efficiently
Prevent infinite re-renders with deep comparison
Create stable reference initialized once
Data Fetching
Simplify async operations with hooks that handle loading states, errors, caching, and request cancellation out of the box.
UI Behaviour
Common UI patterns made easy. These hooks handle complex interactions like focus management, click detection, and keyboard shortcuts.
Prevent body scroll when modal open
Close popups/menus/modals reliably
Detect key presses and keyboard shortcuts
Track hover state with pointer events fallback
Trap focus in modals, dialogs, menus
Create/cleanup DOM nodes for overlays/modals
State Management
Powerful state management solutions from simple global stores to time-travel debugging. Build complex workflows without the boilerplate.