Hooks

useClickOutsideDetects and handles clicks outside a given element.useClipboardClipboard utility hook for copying text and tracking copy state.useDeviceInfoRetrieves information about the current device and environment.useDialogManages state and actions for dialog components.useDidUpdateTriggers effects after updates, skipping the initial mount.useDirectionHandles reading and updating text direction (LTR/RTL).useDisclosureManages toggleable UI states (open/closed).useDocumentTitleDynamically sets the document title.useDocumentVisibilityDetects when the document becomes visible or hidden.useElementInfoReturns metadata and layout info of a DOM element.useEyeDropperAllows users to select colors from anywhere on their screen.useFetchHandles HTTP requests with built-in loading and error states.useFullscreenManages entering and exiting fullscreen mode.useGeoLocationProvides real-time access to user geolocation data.useHotkeysAdds keyboard shortcut functionality to your app.useHoverTracks hover state for any element.useIdCreates a unique ID for consistent DOM identification.useImagePopupManages image popup interactions and navigation.useInputStateSimplifies controlled input handling with value and onChange.useIntersectionDetects when an element enters or leaves the viewport.useIntervalRuns a function repeatedly with a specified delay.useIsomorphicEffectIsomorphic useLayoutEffect that works in SSR and browser.useListStateState manager hook for dynamic lists with utility helpers.useLocalStoragePersistent state synced with localStorage.useMeasureScrollbarMeasures scrollbar dimensions for adaptive layout handling.useMediaQueryReactively matches CSS media queries in JavaScript.useMergedRefCombines multiple refs into a single ref handler.useMouseObserves real-time mouse position and activity.useMoveListens to pointer move events for interactive UI handling.useMutationObserverWatches for DOM mutations in real-time.useNetworkTracks the user's network connection and status.useOpenStateControlled/uncontrolled open state management.useOrientationTracks screen orientation in real-time.useOSReturns the user’s current operating system.usePaginationManages pagination state and navigation logic.usePWAInstallerEnables installation logic for Progressive Web Apps.useRandomColorsUtility for generating random color schemes.useReducedMotionChecks user’s system preference for reduced motion.useReloadTriggers a full page or soft component reload.useResizeObserverObserves element resizing and updates on change.useScrollIntoViewProgrammatically scrolls an element into view with animation.useStateHistoryAdds undo and redo capabilities to your component state.useTimeoutDelays function execution with control over timeout lifecycle.useTouchHook for touch gesture detection and tracking.useTriggerSimple boolean state controller with toggling helpers.useUncontrolledConverts controlled components into hybrid controlled/uncontrolled state.useValidatedStateState management with integrated validation and error handling.useViewportSizeReactive viewport width and height tracking.useWindowEventAttaches and manages window-level event listeners.useWindowScrollMonitors and provides current window scroll values.