> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hooks

> Custom React hooks exported from Anvil2 for common functionality.

Anvil2 exports several custom React hooks that can be used in your applications for common functionality like responsive design, accessibility, and more.

<Columns cols={3}>
  <Card title="useAccessibleColor" href="/docs/web/utilities/hooks/useAccessibleColor">
    A hook that returns the accessible color for a given color.
  </Card>

  <Card title="useAdaptiveView" href="/docs/web/utilities/hooks/useAdaptiveView">
    A hook that detects the current adaptive view type based on device characteristics.
  </Card>

  <Card title="useBreakpoint" href="/docs/web/utilities/hooks/useBreakpoint">
    A hook that returns the breakpoint for a given width.
  </Card>

  <Card title="useMergeRefs" href="/docs/web/utilities/hooks/useMergeRefs">
    A hook that merges multiple refs into a single ref.
  </Card>

  <Card title="usePrefersColorScheme" href="/docs/web/utilities/hooks/usePrefersColorScheme">
    A hook that returns the preferred color scheme for the user.
  </Card>

  <Card title="usePrefersReducedMotion" href="/docs/web/utilities/hooks/usePrefersReducedMotion">
    A hook that detects the user's reduced motion preference for accessible animations.
  </Card>

  <Card title="useSwipe" href="/docs/web/utilities/hooks/useSwipe">
    A hook that returns a function to handle swipe events.
  </Card>
</Columns>