Replo’s animations framework enables marketing and design teams to bring their e-commerce content to life without any code. Animation and transitions can help make content more dynamic, and help information on your page become more memorable.

Today we’re going to talk about how you can add animations to you pages with just a few clicks.

To add animations to any component on a Replo project, click on a component and navigate to the Interactions tab on the right side of the editor, and click on Add Animation.

Adjusting Timing and Delay

You have complete control over the animation. Choose from our most popular animations, from a simple slide-in to shrinking and growing animations. For each animation, you can also choose the speed and duration. Once you've made your adjustments, just click Preview to view the animation live on the canvas.