Skip to main content

Inside the builder (enable/disable)

Two separate switches control animations while you work, for two different audiences.

The canvas preview toggle (you, while editing)​

Each builder's canvas has its own toggle that turns the preview of entrance, text, hover, mouse and ScrollTrigger animations on and off while you're editing — so they don't fire repeatedly and get in the way while you scroll, drag and reorder elements. It never touches what visitors see on the published page; it only affects your own view inside the builder, and resets to on each time you open the editor.

The "FA" icon in the top toolbar. Click it to toggle the preview; a tooltip confirms whether it's on or off.

The "Toggle Animations" element (your visitors, on the published site)​

A Bricks element you place on the page yourself — search for Toggle Animations when adding an element. It renders a button (with the correct role="switch" and aria-checked for screen readers) that a visitor can click to turn off every animation on your site for themselves, stored in a cookie for a year; clicking it again turns animations back on. By default it reloads the page after the click so the change takes effect immediately — turn off Reload page in its settings if you'd rather it apply silently on the next page the visitor opens. The tooltip text shown next to the button, and the accessible label read out by screen readers, are both editable in the element's own settings.

This uses the same cookie as the site's front-end "disable animations" preference, so it works site-wide, not just on the page where you placed the button.