Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is it possible to turn off motion/animation for all components?

See original GitHub issue

Currently there’s motionPreset for Modal, it would be great if there’s a global switch to turn off all motion/animation effects for every component, any thought?

Issue Analytics

State:
Created 2 years ago
Reactions:14
Comments:30 (3 by maintainers)

Top GitHub Comments

10reactions

segunadebayocommented, Mar 31, 2021

Thanks for chiming in @vickOnRails 👌.

We have this in our roadmap as it’s a commonly requested feature. I’ll land a PR for this pretty soon

8reactions

bymoecommented, Apr 16, 2022

I think some people -me included- wants this option not because of disabling animations but because of the framer-motion huge dependency that most of the time useless just for few unnoticeable animations (and even sometimes ugly) which can be made with simple css 🤷‍♂️

Top Results From Across the Web

How do I turn off Framer Motion animations in mobile view?

Inside your functional component, create a variable that checks for mobile devices. Then, only fill the variants if this variable is false.

Reduced motion | Introduction to Accessibility

On Win10 go to "Settings > Ease of Access > Display > Simplify and personalise Windows". Set "Show animation in Windows" to off....

Removing Animations for People Troubled by Motion (CSS ...

This is a very radical approach, since we remove all animations and ... Angular offers a full module to help animate components where...

Motion - Foundations - Human Interface Guidelines - Design

NOTE All layout- and appearance-based animations automatically include built-in easing that plays at the start and end of the animation. You can't turn...

Accessibility | Framer for Developers

By setting reducedMotion it to "user " , all motion components will automatically disable transform and layout animations, while preserving the animation of ......