React Hooks & Utilities

Copies text to the system clipboard with automatic timeout reset and state feedback.

Real-time network connection monitor providing online/offline state and bandwidth.

Evaluates CSS media queries with useSyncExternalStore for zero layout shift.

Synchronizes state with window.localStorage across tabs.

Synchronizes reactive state with window.sessionStorage.

Reactive cookie reader and setter.

Observer callback triggered when a specific cookie value changes.

Detects operating system platform.

macOS platform detector for keyboard shortcut mappings.

Element fullscreen mode controller.

Battery percentage and charging status.

Screen orientation angles and type.

System color scheme detector.

Dynamic script loader with load status.

Native Web Share API caller.

Document title badge notification counter.

Document head title modifier.

Outside click callback trigger.

Declarative event listener binding.

Observes mouse hover state on target DOM elements using either automatic ref tuples or external refs.

Advanced IntersectionObserver hook.

Detect active pressed keyboard keys.

Locks page scrolling without layout shift.

Tracks real-time cursor coordinates.

Real-time 8-directional scroll detection (cardinal & diagonal) with hardware gesture recognition (touchpad 2D swipe, mouse wheel, touch, keyboard).

Real-time window or element scroll offset coordinates (X and Y).

Programmatic smooth scrolling helper supporting window or custom scrollable containers, element IDs, selectors, refs, and pixel coordinates.

Measures real-time element pixel dimensions with ResizeObserver.

Viewport dimensions tracker.

Unsaved changes tab exit guard.

Debounces fast-changing state values with configurable delay.

Stable guaranteed callback reference.

First render cycle indicator.

First user session identifier.

Long-press hold gesture detector.

User inactivity timeout monitor.

Declarative timer with start, pause, and dynamic delay controls.

Check component mount state.

SSR-safe layout effect using useEffect on server and useLayoutEffect on client.

Comprehensive exit-intent, viewport boundary exit, split-screen window blur, and tab visibility switch detection.

Battery/CPU low-power mode optimizer.

Guaranteed exactly-once execution effect (StrictMode safe).

Boolean state toggle switch.

Effect executed only on dependencies update, skipping mount.

React 18 transition priority switcher.

Container height measurement via ResizeObserver and requestAnimationFrame for smooth CSS transitions.

Seamless synchronizer for both controlled and uncontrolled component state patterns.

Data attributes state mapper for CSS styling.

Tracks viewport intersection with IntersectionObserver.

Framer Motion value reactive state subscriber.

Enforces maximum input length with live character counter and remaining quota.

Advanced file upload and dropzone manager with preview generation, size validation, and file type presets.

Unified form input and textarea value binder supporting tuple destructuring, object spreading, and reset/clear actions.

Universal pagination and load-more trigger supporting async data fetchers and client-side array batching.

Reactive Map collection state manager.

Robust async mutation runner with loading, success, error tracking, and lifecycle callbacks.

Smart pagination calculation with dynamic range arrays, boundary and sibling pages, and navigation controls.

Fast client-side markdown compiler.

Real-time article reading time calculator with CJK multilingual support, Markdown/HTML stripping, and code/image weighting.

SSR-safe HTML sanitizer that strips XSS threats while preserving rich formatting.

Conditional class wrapper component.

Declarative JSX list rendering component with automatic empty state fallback.

Declarative boolean conditional rendering with lazy function execution.

Progressive loading responsive image component.

Viewport intersection trigger component wrapper.

Delayed lazy component mounting.

Truthy conditional renderer that unwraps non-null data directly to children render function.

Pattern-matching conditional container supporting Case and Default branches.

Memory memoization cache map.

Imperative cookie helper with get, set, and delete.

Safe cross-browser event listener binder with automatic unbind return.

Converts raw byte counts into localized human-readable file sizes and parses strings back into bytes.

Text truncate and content formatting helpers.

Localized date and relative time formatting.

String transforms and slug generation.

Negative numeric verification.

Scoped development and production logger.

Generates mapped numeric arrays for iterations and maps numbers across ranges with linear interpolation.

Promise-based delay timer.