# Utilities

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

- [Mode Toggle](https://reactdocs.canceydejean.dev/utilities/mode-toggle): Cycles light, dark, and system theme modes and persists the choice.
- [scroll-fade](https://reactdocs.canceydejean.dev/utilities/scroll-fade): Utilities for adding a fade effect to the edges of a scroll container.
- [shimmer](https://reactdocs.canceydejean.dev/utilities/shimmer): Utilities for adding a shimmer effect to text elements.
- [Styles](https://reactdocs.canceydejean.dev/utilities/styles): Design system globals and theme CSS for consumer apps.
- [Theme Toggle](https://reactdocs.canceydejean.dev/utilities/theme-toggle): Switches between branded data-theme palettes and persists the choice.
- [useBodyOverflow](https://reactdocs.canceydejean.dev/utilities/use-body-overflow): Locks page scroll by toggling overflow-hidden on document.body.
- [useCloseMobileMenuOnResize](https://reactdocs.canceydejean.dev/utilities/use-close-mobile-menu-on-resize): Closes a mobile menu or overlay when the viewport is resized.
- [useCopyToClipboard](https://reactdocs.canceydejean.dev/utilities/use-copy-to-clipboard): A small hook that copies text and tracks the latest copy result.
- [useIsMobile](https://reactdocs.canceydejean.dev/utilities/use-mobile): Detects whether the viewport matches a mobile max-width media query.