Overview
Frames enable multi-page or animated content templates. Each frame represents a separate page or animation state, and all frames share the same canvas dimensions.
Frames are commonly used for:
- Animated banners — Cycle through different visual states with timed transitions.
- Multi-page content — Create templates with multiple pages (e.g., a landing page with sections).
- A/B variants — Design different visual options within the same content.
Enabling Frames
To enable frames on a content template:
- Click on the canvas background (deselect all components).
- In the Editor settings section of the configuration panel, toggle Animated content.
Frame Dock
When frames are enabled, a page preview carousel appears at the bottom of the editor (the Frame dock):
Managing Frames
Frame Configuration
Each frame has its own settings:
Animation Playback
Click the Play animation button in the toolbar to preview the animated sequence. The editor cycles through all frames using their configured durations.
Each frame can have its own components, data bindings, and conditions — giving you full creative control over every state of the animation.
