Getting Started

App Provider global.d.ts Themes Types

cn(...args)Text Parser Units Converters

Anchor Avatar Breadcrumb Burger Button Card Carousel Checker Code Color Picker Command Confetti CopyButton Double Helix Words Floating Indicator Group Highlight Text Indicator Input Kbd Label Loader Pagination Password Requirement Polymorphic Slot Progress Prose Rating Running Area Scroll Area Sheets Skeleton Slider Stack Svg Table Tabs Textarea Timeline Times Toaster Tooltip Typing Words Typography

useClickOutside useClipboard useDeviceInfo useDialog useDidUpdate useDirection useDisclosure useDocumentTitle useDocumentVisibility useElementInfo useEyeDropper useFetch useFullscreen useGeoLocation useHotkeys useHover useId useImagePopup useInputState useIntersection useInterval useIsomorphicEffect useListState useLocalStorage useMeasureScrollbar useMediaQuery useMergedRef useMouse useMove useMutationObserver useNetwork useOpenState useOrientation useOS usePagination usePWAInstaller useRandomColors useReducedMotion useReload useResizeObserver useScrollIntoView useStateHistory useTimeout useTouch useTrigger useUncontrolled useValidatedState useViewportSize useWindowEvent useWindowScroll

useReducedMotion

useRandomColors

Utility for generating random color schemes.

Triggers a full page or soft component reload.

Edit this page on GitHub

Started
Utilities
Configuration
Components
Hooks
Examples
Github
Contributing

⌘+J

© 2025 oeri rights MIT

Designed in Earth-616

Built by oeri

useReducedMotion

Detects whether the user prefers reduced motion, useful for accessibility adjustments.

Source Codes

Full working code example, including necessary markup and styles. You can copy and paste this code directly to start using the component immediately.

use-reduced-motion.ts