Are you tired of static content? Add some stylishness with animation activated on scroll!

First, make sure you understand animation variables such as Curve, Delay, and Duration.


  1. Select the component you want to animate on scroll

  2. Click on Entrance Animation in the Prototype tab > Smart Layers

  3. Pick a transition or paste your own custom CSS transition

  4. Check "Begin on scroll into screen" if it is not already checked

TIP: Add Delay or make Duration longer if the animation happens too fast even before you fully scroll past it.

Learn More

Did this answer your question?