Block Animations

Overview

Block animations play once when content scrolls into view, creating engaging page experiences. Animations are configurable per block and respect accessibility settings.

Accessing Animation Settings

1. Open any supported block in the page editor
2. Expand the Animation section (collapsed by default)
3. Select an Entrance Animation type
4. Choose an Animation Speed

Animation Types

Core

Pro

Animation Speed

Core

Pro

Note: Blocks saved with "Quick (0.5s)" before upgrading to Pro will continue to work, even without a Pro license.

Stagger Effect (Pro)

For blocks with multiple items (grids, cards), enable Stagger Items to animate each item sequentially instead of all at once.

Settings

Delay Options

Supported Blocks

Accessibility

Animations automatically respect the Reduce Motion setting in your visitor's operating system. When enabled:

• All animations are disabled
• Content appears immediately
• No motion effects play

This ensures your site remains accessible to users sensitive to motion.

Tips

Choose subtle for professional sitesUse Fade In with Normal speed for corporate or professional content.

Use dramatic for landing pagesTry Fade In Up with Dramatic speed to create impact on key sections.

Stagger for visual interestEnable stagger on feature grids to guide the eye through your content.

Don't overdo itApply animations to key sections, not every block. Too many animations can feel overwhelming.

Common Pitfalls

"Animation isn't playing"Check that an animation type is selected (not "None"). The block must scroll into view to trigger—animations don't play on page load if already visible.

"Animation seems too subtle"Try a longer speed like Relaxed or Dramatic, or use movement-based animations like Fade In Up instead of simple Fade In.

"Items animate all at once"Enable Stagger Items in the Animation section (Pro feature).

Next Steps

• Content Blocks Overview
• Features Block
• Pricing Block