Shapes Smart Scroll Animations. Free WordPress plugin.

Shapes Smart Scroll Animations is a free WordPress plugin that allows you to introduce subtle, professional entrance effects as users scroll, while prioritizing technical performance and efficiency.

Key Features:

• Ultra-Lightweight (Vanilla JS): The plugin requires no jQuery or external libraries. Weighing in at just a few kilobytes, its impact on page load times is practically non-existent.
• Smart Grid Delay: A unique algorithm that recognizes your page layout. If grid elements wrap to a new line on mobile devices, the plugin automatically resets the animation delay. This ensures smartphone users don’t have to wait for "ghost" animations from invisible columns to finish.
• CPU Efficiency (Intersection Observer): The script doesn't drain the browser’s resources by constantly tracking scroll position. It only triggers when an element actually enters the user's viewport.
• Full Accessibility: The plugin respects system-level user preferences. If a user has "Reduce Motion" enabled in their OS (e.g., due to vestibular disorders), animations are automatically disabled.
• Content Safety (Fallback): Built on the principle of Progressive Enhancement, your content is visible immediately even if JavaScript fails to load. This prevents the "blank page" effect on slow connections.
• Smooth Rendering: All animations are optimized for the Graphics Processing Unit (GPU), ensuring stutter-free performance even on older devices.

How it works:

The plugin provides a set of ready-to-use effects — such as subtle slides from the bottom or sides and gentle zooms — which you can assign to any element on your page using simple CSS classes. You can also control them globally, adjusting the animation duration or travel distance for the entire website at once.

Detailed information is available in the plugin documentation or in the plugin article on my website. You can also browse my latest website designs and see the animations in action there.