solid-use

Hooks library for Solid JS

Get Started

View on GitHub

useBoolean

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

useBrowserLanguage

Hook that returns the current browser language

useClickOutside

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

useCopyToClipboard

Hook that manages a copy to clipboard

useCounter

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

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

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

useEventListener

hook to attach an event listener to a target element, document, or window.

useEyeDropper

Hook that gives you access to the eye dropper

useFavicon

Hook that manages the favicon

useFileDialog

Hook to handle file input

useFps

Hook that measures frames per second

useFullscreen

Hook to handle fullscreen events

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

useInterval

Hook that makes and interval and returns controlling functions

useKeyPress

Hook that listens for key press events

useKeyboard

Hook that help to listen for keyboard events

useKeysPressed

Hook for get keys that were pressed

useLocalStorage

Hook that manages local storage value

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

useMouse

Hook that manages a mouse position

useNetwork

Hook to track network status

useOnline

Hook that manages if the user is online

useOperatingSystem

Hook that returns the operating system of the current browser

useOrientation

Hook that returns the current screen orientation

usePageLeave

Hook what calls given function when mouse leaves the page

usePermission

Hook that gives you the state of permission

usePreferredColorScheme

Hook that returns user preferred color scheme

usePreferredLanguages

that returns a browser preferred languages from navigator

usePrevious

Hook that returns the previous value of a given state.

useQuery

Hook that defines the logic when query data

useQueue

Hook that manages a queue

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 creates a stepper

useStopwatch

Hook that creates a stopwatch functionality

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

useToggle

Hook that creates a toggle

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

useWindowSize

Hook that manages a window size