Hi there,

We’re excited to announce the beta release of our new animation tool! This tool brings your designs to life with smooth, CSS-based animations powered by the browser’s built-in Animation API.

This is a significant upgrade from our existing Animation Addon, delivering enhanced stability, improved performance, and a seamless, native integration within Interactions.

⚠️ To ensure optimal performance, avoid using the new animation interactions with the existing Animation Addon.

Trigger Animations

Interaction triggers now support 'Animate' as actions, offering a wide range of possibilities such as:

• Entering View Animations: Use the ‘Upon entering view’ trigger with ‘Animate’ to apply effects when the elements enter the viewport.
• Click Animations: Combine ‘On click’ triggers with ‘Animate’ for click-based effects.
• Variable Animations: Combine ‘On variable change’ trigger with ‘Animate’ to trigger animations based on changing values.

Animate with Presets

Use ready-made animations for quick and efficient setup. Select presets for entering, exiting, or highlighting elements.

Animate with Keyframes

Create advanced animations using keyframes to control properties like position, size, and opacity. Customize each step of the animation timeline for step-based effects.

As this is a beta release, some issues may still arise. Your input is essential for improving the tool. Share feedback in the community or reach out to our support team through the chat 💪🏻