Browser | React Use

📄️ useBroadcastChannel

useBroadcastChannel is a hook that allows you to use the BroadcastChannel API in your components.

📄️ useClipboard

Copy text to a user's clipboard

📄️ useCssVar

Manipulate CSS variables

📄️ useDarkMode

dark mode with auto data persistence.

📄️ useDevicePixelRatio

useDevicePixelRatio is a hook that returns the device pixel ratio of the screen.

📄️ useElementByPoint

useElementByPoint is a hook that returns the element at a given point. It is useful for implementing drag and drop, or for any other use case where you need to know what element is at a given point.

📄️ useEventSource

useEventSource is a hook that allows you to subscribe to an EventSource and receive updates in real-time.

📄️ useEyeDropper

Use EyeDropper API to pick color

📄️ useFavicon

React side-effect hook sets the favicon of the page

📄️ useFetchEventSource

useFetchEventSource is a hook that allows you to subscribe to an EventSource using HTTP methods like POST and receive updates in real-time.

📄️ useFileDialog

Open file dialog with ease

📄️ useFps

React Sensor Hooks that tracks FPS (frames per second)

📄️ useFullscreen

Display an element full-screen

📄️ useGeolocation

React Sensor Hooks that tracks Geolocation

📄️ useIdle

React sensor hook that tracks if user on the page is idle

📄️ useInfiniteScroll

Infinite scrolling of the element

📄️ useKeyModifier

React Sensor Hook that tracks state of any of the supported modifiers - see Browser Compatibility notes

📄️ useLocationSelector

Selectively retrieve properties from location. This hook will only re-render when the value you return is changed.

📄️ useLongPress

React sensor hook that fires a callback after long pressing

📄️ useMediaDevices

React sensor hook that tracks connected hardware devices

📄️ useMediaQuery

Ease with media query

📄️ useMobileLandscape

React hook that returns true if the mobile device is in landscape mode and false otherwise.

📄️ useMouse

React sensor hooks that track cursor positio

📄️ useMousePressed

React Sensor Hook that tracks mouse pressing state.

📄️ useNetwork

Tracks the state of browser's network connection.

📄️ useObjectUrl

Creates an URL for the provided File, Blob, or MediaSource via URL.createObjectURL() and automatically releases the URL via URL.revokeObjectURL() when the source changes or the component is unmounted