Hooks category

A collection of React hooks for building modern applications.

Hooks

Use Battery preview

Use Battery

A hook to get battery informations

Use Click Outside preview

Use Click Outside

A React hook that allows you to detect clicks outside of a specified element.

Use Copy to Clipboard preview

Use Copy to Clipboard

A hook that allows you to copy text to the clipboard

Use counter preview

Use counter

A hook that allows you to count easily

Use debounce preview

Use debounce

A hook that allows you to debounce the value of an input

Use Event Callback preview

Use Event Callback

A hook that returns a memoized event callback

Use Event Listener preview

Use Event Listener

A hook that allows you to manage event listeners on DOM elements

Use First Visit preview

Use First Visit

A hook that provides a first visit functionality to your application

Use GeoLocation preview

Use GeoLocation

A hook that allows you to access and manage the user's geolocation data

Use in View preview

Use in View

A hook that allows you to know if an element is in the viewport

Use Input Value preview

Use Input Value

A hook that allows you to manage the value of an input field

Use Isomorphic Layout Effect preview

Use Isomorphic Layout Effect

A hook that allows you to use the isomorphic version of useLayoutEffect, ensuring compatibility with server-side rendering.

Use Key Press preview

Use Key Press

A hook that allows you to know if an element is in the viewport

Use Konami Code preview

Use Konami Code

A hook that detects the Konami Code sequence and triggers actions accordingly

Use Local Storage preview

Use Local Storage

A hook that allows you to manage and persist state using localStorage

Use Location preview

Use Location

A hook that allows you to access and manage the current location in your application

Use Measure preview

Use Measure

A hook that allows you to measure the size of an element in your application

Use Mouse preview

Use Mouse

A simple hook to get the mouse position.

Use Network Status preview

Use Network Status

A hook to get the network status

Use Rerender preview

Use Rerender

A hook that throttles the execution of a function, limiting how often it can be invoked

Use Online Status preview

Use Online Status

A hook that allows you to monitor the online/offline status of the user's device

Coming Soon

Use Speech to Text

A hook that allows you to convert speech to text

Coming Soon

Use Session Storage

A hook that allows you to manage session storage values

Use Step preview

Use Step

Create a step component

Use Stopwatch preview

Use Stopwatch

A hook that provides a stopwatch functionality to your application

Use Text to Speech preview

Use Text to Speech

A hook that allows you to convert text to speech

Use Throttle preview

Use Throttle

A hook that throttles the execution of a function, limiting how often it can be invoked

Use Video preview

Use Video

A hook that provides a video player functionality to your application

Use Window Scroll Position preview

Use Window Scroll Position

A hook that allows you to track the window's scroll position

Use Window Size preview

Use Window Size

A hook that allows you to track the size of the browser window