Troubleshooting Animation Issues

If animations on your Framer site aren’t working, particularly with Ticker components or appear effects, the issue may stem from reduced motion settings on devices or browsers.

Check reduced motion settings

Animations might not work if the “Reduced Motion” setting is enabled. To check and manage this:

  1. Open your site settings, go to General, then Accessibility.

  2. If “Reduced Motion” is active and the viewer’s device or browser has “prefer-reduced-motion” enabled, animations will be limited to opacity changes.

Device-specific settings

To adjust motion settings on various devices:

  • iOS: Navigate to Settings > Accessibility > Motion.

  • Android: Go to Settings > Accessibility > Remove Animations.

For more details about the “prefer-reduced-motion” setting, refer to this article.

Additional considerations

“Low Power Mode” on devices may also affect animations. Apple notes that enabling low power mode reduces screen brightness, limits animations, and prevents background app refreshes to save battery life.