HOW-TO: Disable graphs animation in 2025.11

Among other changes, HA v2025.11 introduced animation for all native HA graphs. One can speculate it adds some benefits to energy view charts, but for most of the graphs, especially for “more info” ones, it just makes it feel HA is really slow. At least for me.
Seems like Devs are agree, at least partially, and there is an upcoming commit to reduce animation duration to 500ms:

We’ll see how its gonna work, but for those who want to disable this “feature” here is an instruction how to patch single javascript file to turn it off completely.

Note: I did this for Docker HA installation, but it should be similar for other installation methods.

  1. Connect to container’s filesystem
  2. Switch to /usr/local/lib/python3.13/site-packages/hass_frontend/frontend_latest folder:
cd /usr/local/lib/python3.13/site-packages/hass_frontend/frontend_latest
  1. Make a copy of existing file:
cp 55038.f1913ca121222cf6.js [back]55038.f1913ca121222cf6.js
  1. Rename compressed version of the file:
mv 55038.f1913ca121222cf6.js.gz _55038.f1913ca121222cf6.js.gz
mv 55038.f1913ca121222cf6.js.br _55038.f1913ca121222cf6.js.br
  1. Hardcode this._reducedMotion variable to true value:
sed -i 's/this._reducedMotion=t/this._reducedMotion=true/g' 55038.f1913ca121222cf6.js
sed -i 's/this._reducedMotion=!1/this._reducedMotion=true/g' 55038.f1913ca121222cf6.js
  1. Try to open file directly in browser using https://{yourhost}/frontend_latest/55038.f1913ca121222cf6.js link (replace {yourhost} with actual host name) and confirm the changes are applied by searching for this._reducedMotion=true. You may need to refresh browser’s cache.
  2. Reload HA page and click on any entity to see More Info graph.

If all is done correctly - now it should render graph immediately w/o any animation.

For those who don’t want to mess with patching, there is another method based on ’ prefers-reduced-motion’ media query usage.

But, obviously, this is system-wide change, so it will disable animation for all sites, honoring this media query (which might be not a bad thing after all :slight_smile: ).