Hooks

Browse reusable utilities for keyboard shortcuts, theming, clipboard helpers, and more. Select a hook to view dedicated examples and code snippets generated from the source.

useDeviceInfo

Gather a complete snapshot of runtime details, OS metadata, safe area insets, screen metrics, locale, input capabilities, and helper booleans.

device

responsive

platform

useDisclosure

Manage boolean open/close state with `open`, `close`, and `toggle` handlers plus callbacks that fire only on real transitions.

state

toggle

open-close

modal

dialog

useHotkeys

Register scoped keyboard shortcuts that only run while the component using them stays mounted.

keyboard

shortcuts

scoped

useHover

Track hover state and spread handlers that satisfy both React Native's hover props and the DOM's mouse events.

hover

pressable

web

useDebouncedValue

Derive a debounced copy of a changing value so renders and effects react only once it settles.

debounce

search

performance

useGlobalHotkeys

Attach application-wide shortcuts that persist even when the originating component unmounts.

keyboard

global

shortcuts

useMediaQuery

Evaluate a CSS media query on web and width/height queries on native, updating as the viewport changes.

media-query

responsive

dimensions

useDebouncedCallback

Wrap an imperative function in a stable debounced callback that exposes `cancel` and `flush`.

debounce

callback

performance

useEscapeKey

Listen for user to press the Escape key to dismiss transient UI like modals, drawers, or menus.

keyboard

escape

useControllableState

Back a value-bearing component with either a controlled `value` prop or internal state, decided by one call.

state

controlled

uncontrolled

forms

useToggleColorScheme

Bind a keyboard shortcut to cycle through available color schemes provided by the theme mode context.

keyboard

theme

useSpotlightToggle

Provide a convenience wrapper for the global command palette shortcut so feature teams can open Spotlight without touching implementation details.

keyboard

spotlight

useClipboard

Copy values to the system clipboard with optimistic status updates and optional reset timers.

clipboard

copy

useOverlayMode

Return consistent booleans for deciding whether a component should render as a fullscreen modal or an anchored overlay/portal across web and native platforms.

modal

overlay

responsive

useScrollSpy

Collect headings from the DOM or title registry and track which section is currently visible.

toc

navigation

useHaptics

Trigger platform-native vibration patterns with throttling and graceful fallbacks when haptics are unavailable.

haptics

feedback

useMaskedInput

Keep controlled inputs in sync with formatted masks while exposing the unmasked value and completion status.

forms

masking

useTitleRegistration

Register headings with the shared title registry so sticky TOCs and scrollspy hooks stay in sync.

toc

titles

</>

react-ui-library

100+ accessible, themeable components that work seamlessly across iOS, Android, and Web.

A Platform Blocks product.

Quick Links

ComponentsChartsHooks

Docs

Getting StartedLocalizationllms.txt

Resources

FAQChangelogAccessibilitySitemap