reactuse 🚀

the largest and most useful hook library

Get Started

View on GitHub

useActiveElement

Hook that returns the active element

useAsync

Hook that provides the state of an async callback

useBattery

Hook for getting information about battery status

useBoolean

Hook provides a boolean state and a function to toggle the boolean value

useBreakpoints

Hook that manages breakpoints

useBrowserLanguage

Hook that returns the current browser language

useClickOutside

Hook to handle click events outside the specified target element(s)

useClipboard

Hook that manages a copy to clipboard

useCounter

Hook that manages a counter with increment, decrement, reset, and set functionalities

useCssVar

Hook that returns the value of a CSS variable

useDebounceCallback

Hook that creates a debounced callback and returns a stable reference of it

useDebounceValue

Hook that creates a debounced value and returns a stable reference of it

useDefault

Hook that returns the default value

useDeviceMotion

Hook that work with device motion

useDeviceOrientation

Hook that provides the current device orientation

useDidUpdate

Hook that behaves like useEffect, but skips the effect on the initial render

useDisclosure

Hook that allows you to open and close a modal

useDocumentEvent

Hook attaches an event listener to the document object for the specified event

useDocumentTitle

Hook that manages the document title and allows updating it

useDocumentVisibility

Hook that provides the current visibility state of the document

useElementSize

Hook that observes and returns the width and height of element

useEvent

Hook that creates an event and returns a stable reference of it

useEyeDropper

Hook that gives you access to the eye dropper

useFavicon

Hook that manages the favicon

useField

Hook to manage a form field

useFileDialog

Hook to handle file input

useFocus

Hook that allows you to focus on a specific element

useFps

Hook that measures frames per second

useFullscreen

Hook to handle fullscreen events

useGamepad

Hook for getting information about gamepad

useGeolocation

Hook that returns the current geolocation

useHash

Hook that manages the hash value

useHotkeys

Hook that listens for hotkeys

useHover

Hook that defines the logic when hovering an element

useIdle

Hook that defines the logic when the user is idle

useImage

Hook that load an image in the browser

useInfiniteScroll

Hook that defines the logic for infinite scroll

useIntersectionObserver

Hook that gives you intersection observer state

useInterval

Hook that makes and interval and returns controlling functions

useIsFirstRender

Hook that returns true if the component is first render

useIsomorphicLayoutEffect

Hook conditionally selects either `useLayoutEffect` or `useEffect` based on the environment

useKeyPress

Hook that listens for key press events

useKeyPressEvent

Hook that listens for key press events on specified targets

useKeyboard

Hook that help to listen for keyboard events

useKeysPressed

Hook for get keys that were pressed

useLastChanged

Hook for records the timestamp of the last change

useList

Hook that provides state and helper methods to manage a list of items

useLocalStorage

Hook that manages local storage value

useLogger

Hook for debugging lifecycle

useLongPress

Hook that defines the logic when long pressing an element

useMap

Hook that manages a map structure

useMeasure

Hook to measure the size and position of an element

useMediaQuery

Hook that manages a media query

useMemory

Hook that gives you current memory usage

useMount

Hook that executes a callback when the component mounts

useMouse

Hook that manages a mouse position

useMutation

Hook that defines the logic when mutate data

useMutationObserver

Hook that gives you mutation observer state

useNetwork

Hook to track network status

useOffsetPagination

Hook that defines the logic when pagination

useOnline

Hook that manages if the user is online

useOperatingSystem

Hook that returns the operating system of the current browser

useOptimistic

Hook that allows get optimistic value before its update

useOrientation

Hook that returns the current screen orientation

useOtpCredential

Hook that creates an otp credential

usePageLeave

Hook what calls given function when mouse leaves the page

usePaint

Hook that allows you to draw in a specific area

useParallax

Hook to help create parallax effect

usePermission

Hook that gives you the state of permission

usePointerLock

Hook that provides reactive pointer lock

usePostMessage

Hook that allows you to receive messages from other origins

usePreferredColorScheme

Hook that returns user preferred color scheme

usePreferredContrast

Hook that returns the contrast preference

usePreferredDark

Hook that returns if the user prefers dark mode

usePreferredLanguages

that returns a browser preferred languages from navigator

usePreferredReducedMotion

Hook that returns the reduced motion preference

usePrevious

Hook that returns the previous value

useQuery

Hook that defines the logic when query data

useQueue

Hook that manages a queue

useRaf

Hook that defines the logic for raf callback

useRafValue

Hook that returns the value and a function to set the value

useRenderCount

Hook returns count component render times

useRenderInfo

Hook for getting information about component rerender

useRerender

Hook that defines the logic to force rerender a component

useResizeObserver

Hook that gives you resize observer state

useScreenOrientation

Hook that provides the current screen orientation

useScript

Hook that manages a script with onLoad, onError, and removeOnUnmount functionalities

useSessionStorage

Hook that manages session storage value

useSet

Hook that manages a set structure

useShare

Hook that utilizes the share api

useStep

Hook that create stepper

useStopwatch

Hook that creates a stopwatch functionality

useStorage

Hook that manages storage value

useTextDirection

Hook that can get and set the direction of the element

useTextSelection

Hook that manages the text selection

useTime

Hook that gives you current time in different values

useTimeout

Hook that executes a callback function after a specified delay

useTimer

Hook that creates a timer functionality

useToggle

Hook that create toggle

useUnmount

Hook that defines the logic when unmounting a component

useVibrate

Hook that provides vibrate api

useWebSocket

Hook that connects to a WebSocket server and handles incoming and outgoing messages

useWindowEvent

Hook attaches an event listener to the window object for the specified event

useWindowFocus

Hook that provides the current focus state of the window

useWindowScroll

Hook that manages the window scroll position

useWindowSize

Hook that manages a window size

useWizard

Hook that manages a wizard