Animations, interactions, and reduced motion

Documentation / Design and styling

Motion should support content without being required to understand or operate the page. Beeboo has native site animation settings and a separate set of reviewed custom-source behavior modules.

Native settings

The design settings page exposes Page Animations with choices such as Fade Up, Fade In, Zoom In, and Blur In, plus None (default). Save through Save Design Settings and verify the effect on the deployed website. A stored setting is not proof that every component or page mode animates identically.

Do not look for an unrestricted animation builder in the current native section settings. Legacy animation properties are removed by the current section and header normalization logic.

Custom interactions

Validated custom source supports declared behavior modules, including gallery, marquee, tabs, orbit, reveal, anchor navigation, and video. These are reviewed modules, not permission to insert arbitrary scripts or inline event handlers.

Where available in custom source controls, Continuous carousel enables the supported marquee interaction for appropriately authored containers. Checking that option without compatible markup does not create a complete carousel design.

Reduced-motion review

The shared stylesheet reduces animation and transition duration and disables smooth scrolling when the visitor requests reduced motion. Custom body rendering includes its own corresponding protection. Custom runtime behavior can also adapt to the preference.

Test the saved page with reduced motion enabled in the browser or operating system. Confirm content remains visible, navigation works, and no explanation depends on motion. Test keyboard operation and touch interaction separately. External video or embedded widgets can have their own provider behavior, so do not assume site CSS controls all media playback.

For provider-specific behavior, see Media, forms, and integrations.