aq-ui72 public hooks
60 general hooks and 12 component controllers. Browser state is SSR-safe, shared stores use useSyncExternalStore, observers are pooled, and asynchronous work supports cancellation.
72 hooks available.
Component controllers
State and behavior contracts shared by complex components and content editors.
- Use Code Editor
use-code-editorOpen-code aq-ui React hook for Use Code Editor. - Use Data Grid
use-data-gridOpen-code aq-ui React hook for Use Data Grid. - Use File Upload
use-file-uploadOpen-code aq-ui React hook for Use File Upload. - Use Form Field
use-form-fieldOpen-code aq-ui React hook for Use Form Field. - Use Markdown Editor
use-markdown-editorOpen-code aq-ui React hook for Use Markdown Editor. - Use Message Scroller
use-message-scrollerOpen-code aq-ui React hook for Use Message Scroller. - Use Pagination
use-paginationOpen-code aq-ui React hook for Use Pagination. - Use Rich Text Editor
use-rich-text-editorOpen-code aq-ui React hook for Use Rich Text Editor. - Use Sidebar
use-sidebarOpen-code aq-ui React hook for Use Sidebar. - Use Stepper
use-stepperOpen-code aq-ui React hook for Use Stepper. - Use Toast
use-toastOpen-code aq-ui React hook for Use Toast. - Use Tree View
use-tree-viewOpen-code aq-ui React hook for Use Tree View.
State, browser, DOM, and accessibility
General-purpose hooks built on React and Web APIs with SSR-safe browser integration.
- Use Async
use-asyncOpen-code aq-ui React hook for Use Async. - Use Autosize Textarea
use-autosize-textareaOpen-code aq-ui React hook for Use Autosize Textarea. - Use Before Unload
use-before-unloadOpen-code aq-ui React hook for Use Before Unload. - Use Breakpoint
use-breakpointOpen-code aq-ui React hook for Use Breakpoint. - Use Click Outside
use-click-outsideOpen-code aq-ui React hook for Use Click Outside. - Use Clipboard
use-clipboardOpen-code aq-ui React hook for Use Clipboard. - Use Controllable State
use-controllable-stateOpen-code aq-ui React hook for Use Controllable State. - Use Debounced Callback
use-debounced-callbackOpen-code aq-ui React hook for Use Debounced Callback. - Use Debounced Value
use-debounced-valueOpen-code aq-ui React hook for Use Debounced Value. - Use Direction
use-directionOpen-code aq-ui React hook for Use Direction. - Use Disclosure
use-disclosureOpen-code aq-ui React hook for Use Disclosure. - Use Document Title
use-document-titleOpen-code aq-ui React hook for Use Document Title. - Use Element Rect
use-element-rectOpen-code aq-ui React hook for Use Element Rect. - Use Element Size
use-element-sizeOpen-code aq-ui React hook for Use Element Size. - Use Escape Key
use-escape-keyOpen-code aq-ui React hook for Use Escape Key. - Use Event Listener
use-event-listenerOpen-code aq-ui React hook for Use Event Listener. - Use File Drop
use-file-dropOpen-code aq-ui React hook for Use File Drop. - Use Focus Return
use-focus-returnOpen-code aq-ui React hook for Use Focus Return. - Use Focus Visible
use-focus-visibleOpen-code aq-ui React hook for Use Focus Visible. - Use Focus Within
use-focus-withinOpen-code aq-ui React hook for Use Focus Within. - Use Fullscreen
use-fullscreenOpen-code aq-ui React hook for Use Fullscreen. - Use History State
use-history-stateOpen-code aq-ui React hook for Use History State. - Use Hotkeys
use-hotkeysOpen-code aq-ui React hook for Use Hotkeys. - Use Hover
use-hoverOpen-code aq-ui React hook for Use Hover. - Use Hydrated
use-hydratedOpen-code aq-ui React hook for Use Hydrated. - Use Idle
use-idleOpen-code aq-ui React hook for Use Idle. - Use Intersection Observer
use-intersection-observerOpen-code aq-ui React hook for Use Intersection Observer. - Use Interval
use-intervalOpen-code aq-ui React hook for Use Interval. - Use Isomorphic Layout Effect
use-isomorphic-layout-effectOpen-code aq-ui React hook for Use Isomorphic Layout Effect. - Use Key Press
use-key-pressOpen-code aq-ui React hook for Use Key Press. - Use Keyboard Modality
use-keyboard-modalityOpen-code aq-ui React hook for Use Keyboard Modality. - Use Latest
use-latestOpen-code aq-ui React hook for Use Latest. - Use Lazy Ref
use-lazy-refOpen-code aq-ui React hook for Use Lazy Ref. - Use Live Region
use-live-regionOpen-code aq-ui React hook for Use Live Region. - Use Local Storage
use-local-storageOpen-code aq-ui React hook for Use Local Storage. - Use Long Press
use-long-pressOpen-code aq-ui React hook for Use Long Press. - Use Media Query
use-media-queryOpen-code aq-ui React hook for Use Media Query. - Use Merged Refs
use-merged-refsOpen-code aq-ui React hook for Use Merged Refs. - Use Mutation Observer
use-mutation-observerOpen-code aq-ui React hook for Use Mutation Observer. - Use Online
use-onlineOpen-code aq-ui React hook for Use Online. - Use Page Visibility
use-page-visibilityOpen-code aq-ui React hook for Use Page Visibility. - Use Permission
use-permissionOpen-code aq-ui React hook for Use Permission. - Use Pointer Type
use-pointer-typeOpen-code aq-ui React hook for Use Pointer Type. - Use Portal Container
use-portal-containerOpen-code aq-ui React hook for Use Portal Container. - Use Preferred Color Scheme
use-preferred-color-schemeOpen-code aq-ui React hook for Use Preferred Color Scheme. - Use Previous
use-previousOpen-code aq-ui React hook for Use Previous. - Use Reduced Motion
use-reduced-motionOpen-code aq-ui React hook for Use Reduced Motion. - Use Resize Observer
use-resize-observerOpen-code aq-ui React hook for Use Resize Observer. - Use Roving Focus
use-roving-focusOpen-code aq-ui React hook for Use Roving Focus. - Use Scroll Direction
use-scroll-directionOpen-code aq-ui React hook for Use Scroll Direction. - Use Scroll Lock
use-scroll-lockOpen-code aq-ui React hook for Use Scroll Lock. - Use Scroll Position
use-scroll-positionOpen-code aq-ui React hook for Use Scroll Position. - Use Session Storage
use-session-storageOpen-code aq-ui React hook for Use Session Storage. - Use Stable Callback
use-stable-callbackOpen-code aq-ui React hook for Use Stable Callback. - Use Throttled Callback
use-throttled-callbackOpen-code aq-ui React hook for Use Throttled Callback. - Use Throttled Value
use-throttled-valueOpen-code aq-ui React hook for Use Throttled Value. - Use Timeout
use-timeoutOpen-code aq-ui React hook for Use Timeout. - Use Toggle
use-toggleOpen-code aq-ui React hook for Use Toggle. - Use Typeahead
use-typeaheadOpen-code aq-ui React hook for Use Typeahead. - Use Window Size
use-window-sizeOpen-code aq-ui React hook for Use Window Size.