Hooks gallery

Sets document body overflow hidden while active, restoring the previous style on cleanup.

Listens for pointer or touch events outside a ref element and closes floating UI.

Async copy to the system clipboard with copied and error state plus optional auto-reset.

Single state tuple that follows either controlled value props or internal default state.

Reads and writes a single cookie with React state kept in sync, including remove with max-age expiry.

Countdown timer from countStart to countStop with start, pause, resume, reset, and onComplete.

Memoized Intl.DateTimeFormat with a formatter cache; format, formatRange, and formatToParts.

Returns a value that updates only after the source has been stable for a delay.

Boolean open state with open, close, toggle, and setOpen helpers built on controllable state.

Syncs document.title from React and optionally restores the prior title on unmount.

Humanize milliseconds into localized duration strings via Intl.NumberFormat unit style.

Clamped step index with goPrevious, goNext, and controlled or uncontrolled state for multi-step flows.

Attaches any DOM event listener to window, document, an element, or a ref with automatic cleanup.

Escape to close, initial focus into a container, and focus containment while open.

Cross-browser Fullscreen API wrapper with WebKit prefixes, event-driven state, and promise-based enter, exit, and toggle.

Browser geolocation with loading, error, Permissions API state, and one-shot or watch modes.

Binds keyboard shortcut combos like mod+k or ctrl+shift+p to handlers, skipping inputs by default.

Computes SHA-1/SHA-224/SHA-256/SHA-384/SHA-512 hashes via the Web Crypto API, returning hash/isHashing/error/recompute.

Pointer enter and leave tracking on the element attached via a ref callback.

Flags the user idle after a period without pointer, key, wheel, touch, or scroll activity.

Boolean intersection flag from a ref callback and shared IntersectionObserver options.

Low-level ref callback plus the latest IntersectionObserverEntry for custom logic.

Declarative setInterval that always calls the latest callback and pauses when the delay is null.

Resolves to useLayoutEffect in the browser and useEffect on the server to avoid warnings.

Returns a stable function that reports whether the component is still mounted.

Boolean for whether a key (or any of several keys) is held down, cleared on window blur.

JSON-serialized state mirrored to localStorage with cross-tab storage events.

Long-press gesture via pointer events with threshold, movement tolerance, and lifecycle callbacks.

Subscribes to window.matchMedia and updates when the query result changes.

Boolean online flag wired to window online and offline events.

Tracks document.visibilityState for background tabs and mobile app switches.

Page index, item model, and navigation helpers including buildPaginationItems.

Controlled or uncontrolled sort state for table headers, including sortable TableHead props.

Column filter state plus filtered row derivation for client-side table and list data.

Resolves prefers-color-scheme to a light or dark string with SSR-friendly defaults.

Boolean for prefers-reduced-motion: reduce via the shared media query hook.

Returns the value from the previous render — undefined on the first one.

Live-updating relative time with automatic unit selection and adaptive tick scheduling via Intl.RelativeTimeFormat.

Observes element content box size via ResizeObserver and a ref callback.

Tracks the scroll x/y offset of the window or a scrollable element via a passive listener.

JSON-serialized state mirrored to sessionStorage for the active tab session.

Wraps a callback so it runs at most once per interval based on wall-clock time.

Declarative setTimeout with automatic cleanup plus imperative clear and reset controls.

Detect the user's zone, enumerate all IANA zones via Intl.supportedValuesOf, and get wall-clock time + GMT offset in any zone.

Boolean state with toggle and explicit set helpers for simple on-off UI.

Undo/redo state history with bounded depth, transaction grouping, replace-without-commit, and jump-to-index.

Headless fixed-height list virtualization: renders only visible rows plus overscan with scrollToIndex.

Tracks innerWidth and innerHeight with a resize listener on the window.