Animation Freezer

WHAT IT DOES

Animation Freezer detects and pauses all CSS animations, transitions, and JavaScript-driven animations on the current page, giving you complete control over motion on the web. The tool identifies animated elements by scanning for animation-name and animation-duration properties in computed styles, as well as transition-duration for transitions. Once frozen, animations are paused at their current frame, allowing you to examine motion states or reduce visual distractions. You can unfreeze all animations with a single click, or toggle freezing on and off. The extension tracks the number of frozen animations and shows a status indicator. This is particularly useful for accessibility—users with vestibular disorders or motion sensitivity can stop distracting or nauseating animations.

WHERE IT RUNS

The extension runs entirely within your browser's local environment using the BotGentz framework. All animation detection, DOM analysis, and freezing operations occur on your machine without any network requests. No page content, animation data, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox.

HOW TO USE

Click the extension toolbar icon to open the Animation Freezer panel. The extension can be configured to automatically freeze animations on page load, or you can trigger freezing manually. Use the "Freeze Animations" button to pause all animations on the current page. Use "Unfreeze All" to resume all animations. Use "Toggle Freeze" to switch between frozen and unfrozen states. Toggle "Enable extension" to turn the tool on or off. Toggle "Auto freeze on page load" to automatically freeze animations when the page loads. Toggle "Show notifications" to receive a flash message when animations are frozen. Toggle "Freeze transitions" to include CSS transitions in the freezing (in addition to animations). Add domains to the whitelist to exclude them from automatic freezing. Adjust the "Freeze Delay" to control how long the tool waits after page load before freezing animations. The panel shows the current status and the number of frozen animations.

THE ANIMATION DETECTION ENGINE — WHY IT WORKS

Most animation blockers rely on injecting CSS rules that override animation properties, which can break complex animation chains. This tool uses a more surgical approach: it scans the page for elements with animation or transition properties using getComputedStyle, then sets animation-play-state: paused on each animated element and sets transition: none to freeze transitions. This approach preserves the element's animation state at the exact frame it was paused, rather than resetting or canceling the animation. The tool tracks each frozen element and restores its original animation and transition properties when unfrozen. For CSS animations, setting animation-play-state to paused stops the animation at its current keyframe position. For transitions, setting transition to none prevents further transitions while preserving the current computed styles. This method works across different CSS implementations and respects the original animation configurations.

THE PANEL

The Animation Freezer panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the controls and options adjust proportionally. Press the Escape key to close the panel instantly. The panel maintains independent state for each browser tab, allowing you to control animations in multiple tabs simultaneously.

PLEASE NOTE

This extension requires the free BotGentz extension framework to be installed and enabled. The tool freezes CSS animations and transitions only; JavaScript-driven animations that manipulate properties via requestAnimationFrame or setInterval may continue running. Some complex animation frameworks may require additional handling. Add sites to the whitelist where you want animations to remain active. All animation data is processed locally and is never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.