This article explains how to apply entrance animations to Sections, Rows, and Columns in HighLevel's page builder. You can choose from dozens of animation styles, adjust timing and easing, and let the builder sequence each block automatically as visitors scroll.

You'll learn how to preview animations before committing, control whether animations run on mobile devices, and create cohesive page reveals without calculating delays by hand.

Entrance animations for Sections, Rows, and Columns let you animate entire layout blocks in the page builder. Instead of animating each element individually, you can apply a single entrance animation to a Section, Row, or Column and everything inside that block animates together.

When a visitor scrolls a block into view, the animation plays automatically. The builder sequences animations in hierarchical order—Section, then Row, then Column, then content—so each block waits for the one above it to finish before it begins. This eliminates the need to calculate delays manually and ensures your page reveals itself in a deliberate, cohesive order.

Blocks stay visible after they animate in. Content waiting to animate sits in its normal state rather than disappearing, so visitors never see blank space or flicker as they scroll.

Applying entrance animations to layout blocks provides several advantages over animating individual elements:

HighLevel provides dozens of entrance animations organized into nine categories. Each category includes multiple directional or stylistic variations:

After selecting an entrance animation, you can adjust how the block enters using four settings:

HighLevel sequences entrance animations in hierarchical order:

1. The Section animates first.
2. Rows inside that Section animate after the Section finishes.
3. Columns inside each Row animate after the Row finishes.
4. Content (elements) inside each Column animates after the Column finishes.

Each block waits for the one above it to complete before it begins. If you add a new Row between two existing Rows, the builder inserts it into the sequence automatically. If you remove a block, the sequence closes the gap. You never recalculate delays manually.

Animations trigger when a block scrolls into view. Blocks that have already animated remain visible. Content waiting its turn stays in its normal state rather than disappearing, so visitors see a smooth reveal without flicker or blank space.

Follow these steps to apply an entrance animation to a Section, Row, or Column:

Entrance animations are disabled on mobile devices by default. This keeps mobile pages fast and eliminates motion that can slow down phones or distract mobile visitors.

You can enable animations on mobile for individual Sections, Rows, or Columns using the Enable animations on mobile toggle in the Animations tab. When you turn this toggle on, the block animates on mobile devices. When you leave it off, the block appears immediately without animation on mobile.

The builder re-sequences animations on mobile around blocks that have the toggle disabled. If a Section is set to animate on mobile but the Row inside it is not, the Row appears immediately and the next block in the hierarchy waits for the Section to finish before it begins. This ensures the order stays correct across devices.

• How to Use Sections, Rows, and Columns in the Page Builder
• Animating Individual Elements in Funnels and Websites
• Optimizing Page Performance for Mobile Devices
• Using Saved Element Templates in the Page Builder