Themes

Animations

Add entrance animations to your bricks.

Overview

Entrance animations make your content more dynamic by animating bricks as they appear on screen. Each brick can have its own animation.

Configuring Animations

  1. Go to Theme > Animations
  2. Select a default animation for all brick types, or configure per-type animations
  3. Choose from available animation presets

Animation Types

Available entrance animations include:

  • Fade in — Simple opacity transition
  • Slide up — Slides in from below
  • Slide left / right — Slides in from the side
  • Scale — Grows from small to full size
  • Bounce — Bounces into view
  • None — No animation (instant appearance)

Per-Brick Overrides

Individual bricks can override the default animation from their style settings in the brick panel.

Performance

Animations are CSS-based and hardware-accelerated for smooth performance across devices. They only play once when the brick first enters the viewport.

On this page