Entrance animations for sections, rows and columns

Entrance animations in EveryCatch are no longer limited to single elements. You can now apply entrance animations directly to entire sections, rows, and columns. The page builder automatically sequences these animations in a logical order as visitors scroll, so your content appears in a smooth, intentional way without any manual timing work.

The problem

Previously, if you wanted an animated page, you had to configure animations and timing delays for each individual element. Any time you added, removed, or reordered content, your carefully planned sequence fell out of sync and had to be recalculated. There was also no simple way to animate an entire layout group such as a full section or a column container in one go.

What changed

1. Layout block support: Apply entrance animations directly to sections, rows, and columns.
2. Expanded animation options: Use new and updated animation styles across your layouts.

• Fade: In, Up, Down, Left, Right
• Slide: Up, Down, Left, Right
• Bounce: In, Up, Down, Left, Right
• Flip: Flip, Flip In X, Flip In Y
• Rotate & Zoom: Rotate In, Zoom In
• Special effects: Light Speed (Left, Right), Infinite Loops (Glow, Rocking, Bounce)

1. Custom entrance tuning

• Duration: 0.1s to 3s
• Delay: 0s to 5s
• Scale: 0.5× to 2
• Easing: Linear, Ease-in, Ease-out, Ease-in-out

1. Live hover previews: Hover over any animation option in the sidebar to see it play live on the selected block before you apply it.
2. Automatic sequencing: Sections animate first, then rows, then columns, then the content inside. Each element automatically waits for its parent to finish.
3. Mobile control: Animations are disabled on mobile by default to keep pages fast. You can enable them per block with the Enable animations on mobile toggle. Other animated blocks will adjust their sequence around any that stay disabled.

How to use it

1. Select any section, row, or column in the EveryCatch page builder canvas.
2. Open the Animations tab in the right sidebar and choose Entrance animation.
3. Hover over any animation card to preview how it will look on your selected block.
4. Click to select the animation style you want to use.
5. Adjust settings like duration, delay, scale, and easing to match your design.
6. Optional) Turn on Enable animations on mobile if you want that block to animate on phones and tablets.

Impact

1. No timing math: Automatic sequencing removes the need for manual delay calculations and custom CSS.
2. Layout friendly: When you reorder or edit blocks, EveryCatch updates the animation order for you so timing stays consistent.
3. Scroll-triggered: Animations only run when the element scrolls into view, which keeps motion relevant to the visitor.
4. Backward compatible: Existing published pages use the improved sequencing logic automatically without needing you to open and save them again.

Where to find it

In the EveryCatch page builder, select any section, row, or column, then open the Animations tab in the right-hand sidebar to configure its entrance animation settings.