Aedis UI

useReducedMotion

True when the person asked for less motion. For motion driven by JavaScript; CSS motion already reads the theme tokens.

const reduced = useReducedMotion();

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add use-reduced-motion# pnpm dlx @aedis/cli@0.1.0 add use-reduced-motion · yarn dlx @aedis/cli@0.1.0 add use-reduced-motion · bunx @aedis/cli@0.1.0 add use-reduced-motion

Props

PropTypeDefaultDescription
returnsboolean—Follows prefers-reduced-motion live; false on the server.

Security

  • No side effects; reads a media query.