Hooks
A collection of useful React hooks for your applications.
use-container-size
Track and get the dimensions of a container element using ResizeObserver
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-container-size.json
Loading...
use-debounce
Debounce a value with a specified delay, useful for search inputs and API calls
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-debounce.json
Loading...
use-effect-after-mount
Run an effect only after the initial mount, skipping the first render
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-effect-after-mount.json
Loading...
use-file-upload
Handle file uploads with preview, validation, and file pruning capabilities
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-file-upload.json
Loading...
use-mobile
Detect if the current viewport is mobile based on a configurable breakpoint
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-mobile.json
Loading...
use-copy-to-clipboard
Copy text to clipboard with success/error feedback and timeout
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-copy-to-clipboard.json
Loading...
use-local-storage-state
A hook for managing local storage state with support for default values and type safety
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-local-storage-state.json
Loading...
use-is-hydrated
Detect if the component has been hydrated on the client side
bunx --bun shadcn@latest add https://ui.inverter.network/r/use-is-hydrated.json
Loading...