Loading...
Please waitLoading...
Please waitHooks directory
155 hooks available
Central ARIA live announcer for accessibility messages....
Auto-generate resilient aria-label props, enforce fallbacks,...
Switch UI text & formatting based on user preference, locale...
Scroll smoothly to any anchor ID without changing the URL....
Track the status of an asynchronous operation with useAsyncS...
Use the useAutoScroll hook to automatically scroll an elemen...
Automatically resize a textarea to fit its content with useA...
Track the battery status of a user's device with useBattery....
Connect to Bluetooth devices and manage their state with use...
Manage a boolean state with the useBoolean hook, providing m...
Manage breadcrumb navigation rules with push/pop/replace ope...
Detect and respond to changes in viewport size with the useB...
Automatically resize a textarea to fit its content with useA...
Detect clicks outside of specific component with useClickAwa...
Sanitize and control clipboard reads/writes in high-security...
Maintain a local clipboard history with dedupe, manual push ...
Display the current time and update it every second....
Manage user consent for analytics or other gated features wi...
Capture browser console logs and display them in the UI. Fil...
Automates retries of a callback function until it succeeds w...
Manage a controlled state with the useControlledState hook, ...
Store, retrieve, and synchronize data from the browser's Coo...
Use the useCopyToClipboard hook to copy text to the clipboar...
Create countdown timers using useCountdown....
Manage a numeric state with useCounter, offering functions t...
Parse CSV uploads into typed rows with preview & error map....
Automatically switches themes based on schedules with custom...
Delay function execution with useDebounceCallback, providing...
Manage state with default values using useDefault....
Build a runtime graph of which components depend on which st...
Enable behaviors ONLY in dev mode....
Detect the type of device (mobile, tablet, desktop) and its ...
Debug menu triggered by keyboard shortcut with open and clos...
Side-by-side diff state and merge helpers for text and JSON,...
Dynamically update the document title. Pass a string, and th...
Detect when the DOM is fully loaded and ready for manipulati...
A hook to manage draggable elements with useDraggable....
Drag and drop files into a dropzone with useDropzone, provid...
Encrypt and decrypt data with the useEncryption hook, provid...
Check the environment (development, production, test) in whi...
Handle errors in React components gracefully with the useErr...
Automates retries of a callback function until it succeeds w...
Measure the execution time of a function with the useExecuti...
Dynamically update the favicon with useFavicon....
Fetch data with accurate states, caching, and no stale respo...
Trap focus within a specific element, useful for modals and ...
Manage form state and validation with the useForm hook, prov...
Automatically save complex form drafts with debounce, confli...
Disable all form controls during submit with support for rea...
Manage fullscreen mode for a specific element or the entire ...
Access and monitor a user's geolocation (after they give per...
Add undo / redo functionality with useHistoryState....
Track whether an element is being hovered over with useHover...
Detect user inactivity with useIdle....
Implement infinite scrolling functionality with the useInfin...
A hook to manage input values with useInputValue....
A hook that provides a way to detect when an element enters ...
Execute a callback function at specified intervals with useI...
Create dynamic timers that can be started, paused, or resume...
Detect when an element is in the viewport with useInView, pr...
Determine whether the code is running on the client-side or ...
Track when a component is rendered for the first time with u...
Determine if the current device is a mobile device with the ...
Custom hook that uses either useLayoutEffect or useEffect ba...
Manage an array of objects with unique keys using the useKey...
Detect and perform actions on key press events with useKeyPr...
A command-line tool for installing UseKit hooks into your Re...
Manage and manipulate lists with useList....
Store, retrieve, and synchronize data from the browser's loc...
A hook that allows you to access and manage the current loca...
Disable body scrolling with the useLockBodyScroll hook. Usef...
Debug lifecycle events with useLogger....
Enable precise control of long-press interactions for both t...
Synchronize and update state based on the Map data structure...
Declarative input masking supporting complex international p...
Measure the dimensions of an element with useMeasure, provid...
Measure the dimensions of any element with useMeasureAny, pr...
Subscribe and respond to media query changes with useMediaQu...
Memoize functions to prevent unnecessary re-computations wit...
Monitor the memory usage of a web page with useMemory, provi...
A simple Memory game implemented as a React hook, allowing u...
Detect runaway timers and detached DOM refs in development b...
Merge multiple refs into a single ref callback....
Determine if a component is mounted with the useMounted hook...
Use the useCopyToClipboard hook to copy text to the clipboar...
Manage multi-step forms with the useMultiStepForm hook....
Observe mutations on a DOM element with the useMutationObser...
Wrapper around navigator.share() with a simple share(data) h...
Measure RTT, throughput and categorize connection quality fo...
Monitor the network status (online/offline) and connection t...
A simple number guessing game implemented as a React hook, a...
Manage complex state objects with useObjectState....
Submit form when pressing Enter — but only if valid. Automat...
Detect when the user is online or offline with useOnlineStat...
Queue optimistic updates and handle confirmations/rollbacks....
Manage and respond to changes in device orientation with use...
Detect horizontal/vertical overflow of any container with re...
Track when a user navigates away from a webpage with usePage...
Measure the time it takes for a page to load with the usePag...
Tracks navigation transitions (SPA routing and browser-drive...
Manage pagination state and logic with the usePagination hoo...
Deep-diff DB vs form payloads and prevent unnecessary submis...
Enable pinch-to-zoom functionality on touch devices with use...
Create and manage portals for rendering content outside the ...
Prevent zooming on touch devices with usePreventZoom, provid...
Track the previous value of a variable with usePrevious....
Chunked upload that adapts chunk size on poor networks and r...
Detect when your app is installable as a PWA and trigger the...
Manage query parameters in the URL with the useQueryState ho...
Add, remove, and clear element from a queue data structure w...
Execute a callback function at a random interval with useRan...
Identify unnecessary re-renders and monitor update frequency...
Logs prop/state changes between renders to help debug unnece...
Force a component to rerender with useRerender, providing a ...
Layout helper that returns responsive column counts and item...
A simple Rock Paper Scissors game implemented as a React hoo...
Safely manage state updates in React components with the use...
Scramble text with the useScramble hook, providing methods t...
Load and manage external JavaScript scripts with useScript....
Block background scrolling when popup/modals are open. Usefu...
Detect the direction of scrolling (up or down) with the useS...
Scroll the window or a specific element to the top with the ...
Track which scroll section is active, just like docs sites t...
Transparent encryption layer for local/session storage with ...
Store, retrieve, and synchronize data from the browser’s ses...
Synchronize and update state based on the Set data structure...
Generate context-aware skeleton placeholders (text, avatars,...
A simple Snake game implemented as a React hook, allowing us...
Manage Socket connections, handling messages, errors, and co...
Use the useSpeakup hook to convert text to speech, with opti...
Validate state updates in React components with the useState...
A hook to manage step values with useStep....
Create a stopwatch with useStopwatch, providing options to p...
Prevent double submissions by locking form submissions. Comm...
Detect swipe gestures on touch devices with useSwipe, provid...
Export table data to CSV with customizable columns....
Serializes async tasks with concurrency limit and priority s...
Detect and manage text direction (LTR or RTL) in React compo...
Throttle computationally expensive operations with useThrott...
A simple Tic Tac Toe game implemented as a React hook, allow...
Format a date into a human-readable 'time ago' format....
Determine the current time of day (morning, afternoon, eveni...
Run a callback function after a specified delay with useTime...
Snapshot, rewind, and reapply component state trees to repla...
Minimal global store for your component tree with get, set, ...
Easily manage a boolean state with useToggle....
Manage an uncontrolled state with the useUncontrolledState h...
Run a function when a component unmounts, ensuring cleanups ...
Run effects only when the component updates, not on the init...
Use the useVibration hook to control the vibration of a devi...
Measure how long a user actually views a component, using vi...
Track document visibility and respond to changes with useVis...
Track and manipulate the scroll position of a web page with ...
Track the dimensions of the browser window with useWindowSiz...
Manage web workers in React components with the useWorker ho...