Motion and interactions

States and motion

The editor supports hover and press styling alongside entrance, loop and scroll effects. Start with a readable static design, add one effect at a time, then verify it in preview. Use duration and easing deliberately; avoid essential content depending on a long animation.

Click actions

Native click interactions include navigate, scroll-to, toggle-layer, show-layer and hide-layer. Set the target deliberately and verify that it still exists after duplicating or deleting layers. Use a real link for ordinary navigation where possible.

Carousel and marquee

1. Add the interactive composition and edit its native child content.
2. Configure autoplay, interval and direction.
3. For a carousel, review arrows, dots, swipe, loop, pause-on-hover and transition settings.
4. Preview with one item and several items, then test narrow screens.

Carousel settings support slide, fade and zoom transitions. A marquee is continuous moving content; keep essential information available without requiring visitors to chase moving text.

Tabs and accordion

Headers and panels remain editable layers. A trigger and its panel share a target identifier within the disclosure composition. Preserve matching targets when editing. Verify focus, keyboard behavior and visible content in the rendered page.

Effects and accessibility

Text effects and shader visuals are decorative enhancements, not substitutes for readable text. Test contrast, reduced-motion preferences and low-powered devices. Do not assume every effect is automatically appropriate for every accessibility requirement.