# Utilities

Hooks, libraries, pages, files, themes, fonts, bases, styles, and other items.

- [Color Contrast](https://mwui.vercel.app/utilities/color-contrast): WCAG contrast ratios and readable text color selection, with no dependencies.
- [Format](https://mwui.vercel.app/utilities/format): Locale-aware formatters for dates, ranges, currency, numbers, and durations.
- [useControllableState](https://mwui.vercel.app/utilities/use-controllable-state): A hook that makes any component work controlled or uncontrolled from one state API.
- [useCopyToClipboard](https://mwui.vercel.app/utilities/use-copy-to-clipboard): A small hook that copies text and tracks the latest copy result.
- [useDebouncedValue](https://mwui.vercel.app/utilities/use-debounced-value): A hook that defers a rapidly changing value until it settles.
- [useEventListener](https://mwui.vercel.app/utilities/use-event-listener): A hook that attaches a typed event listener with automatic cleanup.
- [useFileUpload](https://mwui.vercel.app/utilities/use-file-upload): A hook that manages file selection, validation, previews, and upload progress.
- [useHotkeys](https://mwui.vercel.app/utilities/use-hotkeys): A hook that binds keyboard shortcuts with modifier and sequence support.
- [useIntersectionObserver](https://mwui.vercel.app/utilities/use-intersection-observer): A hook that tracks whether an element is in the viewport.
- [useLocalStorage](https://mwui.vercel.app/utilities/use-local-storage): A hook that persists state to localStorage and syncs it across tabs.
- [useMediaQuery](https://mwui.vercel.app/utilities/use-media-query): A hook that tracks a CSS media query without tearing during hydration.
- [useMounted](https://mwui.vercel.app/utilities/use-mounted): A hook that reports whether the component has mounted on the client.
- [usePrevious](https://mwui.vercel.app/utilities/use-previous): A hook that remembers the value from before the most recent change.
- [useResizeObserver](https://mwui.vercel.app/utilities/use-resize-observer): A hook that measures an element and updates on resize.
- [useScrollLock](https://mwui.vercel.app/utilities/use-scroll-lock): A hook that locks body scroll without layout shift.