Hooks

A comprehensive hook for audio recording with real-time analysis using getUserMedia, MediaRecorder, and Web Audio APIs.

A comprehensive hook for managing video conferencing state, including camera access, screen sharing, network monitoring, and automatic media quality adjustment.

Custom hook that tracks whether a DOM element is being hovered over.

A powerful sensor hook for handling keyboard shortcuts, sequences, and modifiers.

Custom hook that tracks the state of a media query using the [Match Media API](https://developer.

Custom hook that interacts with the [Media Session API](https://developer.

Custom hook that observes the size of an element using the [ResizeObserver API](https://developer.

Custom hook that captures the user's screen or specific application window.

Custom hook that captures audio and video from the user's device.

Custom hook that handles boolean state with useful utility functions.

Custom hook that manages a counter with increment, decrement, reset, and setCount functionalities.

Custom hook that manages a key-value [Map](https://developer.

Custom hook for Role-Based Access Control (RBAC).

Custom hook that manages and navigates between steps in a multi-step process.

Custom hook that manages a boolean toggle state in React components.

Custom hook that manages countdown.

Custom hook that creates a debounced version of a callback function.

Custom hook that returns a debounced version of the provided value, along with a function to update it.

Custom hook that creates an interval that invokes a callback function at a specified delay using the [setInterval API](https://developer.

Custom hook that handles timeouts in React components using the [setTimeout API](https://developer.

Custom hook that determines if the code is running on the client side (in the browser).

Custom hook that determines if the component is currently mounted.

Custom hook that runs a cleanup function when the component is unmounted.

Custom hook that handles click events anywhere on the document.

Custom hook that triggers a callback when a user clicks outside the referenced element.

Custom hook that returns the current state of the dark mode.

Custom hook that sets the document title.

Custom hook that sets the document favicon.

Merges refs into a single memoized callback ref or null.

Custom hook that dynamically loads scripts and tracking their loading status.

A custom hook that locks and unlocks scroll.

Custom hook that manages ternary (system, dark, light) dark mode with local storage support.

A robust hook for auto-saving form data with debouncing, race-condition handling, and lifecycle safety.

Custom hook that manages state synchronized with a browser [cookie](https://developer.

Custom hook that provides an interface to the [IndexedDB API](https://developer.

Custom hook that uses the [localStorage API](https://developer.

Custom hook that uses the [sessionStorage API](https://developer.

Custom hook that provides a wrapper around the native [fetch API](https://developer.

Custom hook that tracks the device's network connection status and details (speed, type) using the Network Information API.

A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a prop or avoid re-executing effects when passed as a dependency.

Custom hook that copies text to the clipboard using the [Clipboard API](https://developer.

Custom hook that creates a memoized event callback.

Custom hook that detects the operating system (Mac vs.

Custom hook to manage video stream quality by applying constraints (resolution and frame rate) to a MediaStream track.

A comprehensive hook for building "Command Palette" or "Omnibar" style search interfaces.

Custom hook that detects the current environment (Browser, Server, or Native) and capability support (Workers, EventListeners).

Custom hook for managing ES6 Symbols.

.

Custom hook that tracks the intersection of a DOM element with its containing element or the viewport using the [Intersection Observer API](https://developer.

.

.

.