← Back to Home

All Hooks

Browse and search through all 35 custom hooks

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.

useIntersectionObserver

Detect when an element enters the viewport

Browser APIs

useResizeObserver

Track element size changes in real-time

Browser APIs

useMutationObserver

Observe DOM mutations and changes

Browser APIs

useGeolocation

Track user position with automatic cleanup

Browser APIs

useMediaQuery

Dark mode, mobile/desktop detection

Browser APIs

useOnlineStatus

Network detection with offline queue sync

Browser APIs

useCopyToClipboard

Copy to clipboard with fallback support

Browser APIs

Performance

Optimize your React applications with hooks that prevent unnecessary re-renders, manage expensive operations, and ensure smooth user experiences.

useThrottle

Limit function calls for scroll/resize events

Performance

useDebounce

Delay execution for search and form validation

Performance

useEventListener

Prevent memory leaks with auto-cleanup

Performance

useAnimationFrame

Smooth animations and visual updates

Performance

usePrevious

Track previous state/props efficiently

Performance

useDeepCompareEffect

Prevent infinite re-renders with deep comparison

Performance

useConstant

Create stable reference initialized once

Performance

Data Fetching

Simplify async operations with hooks that handle loading states, errors, caching, and request cancellation out of the box.

useFetch

Robust fetching with retries and caching

Data Fetching

useAsync

Generic wrapper for any promise function

Data Fetching

usePoll

Polling API with pause/resume

Data Fetching

useWebSocket

WebSocket with reconnection logic

Data Fetching

useQueryParams

Sync URL params with component state

Data Fetching

UI Behaviour

Common UI patterns made easy. These hooks handle complex interactions like focus management, click detection, and keyboard shortcuts.

useScrollLock

Prevent body scroll when modal open

UI Behaviour

useOnClickOutside

Close popups/menus/modals reliably

UI Behaviour

useKeyPress

Detect key presses and keyboard shortcuts

UI Behaviour

useHover

Track hover state with pointer events fallback

UI Behaviour

useFocusTrap

Trap focus in modals, dialogs, menus

UI Behaviour

usePortal

Create/cleanup DOM nodes for overlays/modals

UI Behaviour

State Management

Powerful state management solutions from simple global stores to time-travel debugging. Build complex workflows without the boilerplate.

useUndoRedo

Time-travel state with undo/redo functionality

State Management

useGlobalState

Lightweight global state store (Context + Reducer)

State Management

useImmer

Immutable state with drafts (Immer-like)

State Management

useReducerWithEffects

Reducer with side effects for state machines

State Management