Adding Animation
Animation in Link Studio is an entrance effect: a block gently appears as the visitor scrolls it into view. It is a nice way to draw the eye to something important, as long as you use it with a light touch (see Use animation sparingly).
Animation lives on the Container, so the way to animate anything is to put it inside a Container and turn the animation on there.
How to animate a block
Make sure it is in a Container
If the block you want to animate is already inside a Container, you are ready, just select that Container. If it is not, wrap it: select the block, open its action bar, and choose Wrap with Container (see Moving Components Around).
Open the Animation section
With the Container selected, open the Animation section in the Fields panel and turn on Enable Entrance Animation.
Choose how it enters
Set the Type, Source, Duration, and Delay (all covered below).
Preview it
The effect plays when the block scrolls into view, so scroll the page (or open a preview) to see it. It does not loop; it plays once as the block appears.
Because the animation is on the Container, everything inside it animates together. Wrap a heading, some text, and a button in one Container to have the whole card enter as a unit.
Animation options
Use animation sparingly
Motion is powerful precisely because it stands out, so a little goes a long way. Overdoing it makes a page feel busy, slows it down, and can genuinely bother some visitors.
Movement on a screen can cause discomfort or dizziness for people with motion sensitivity, and heavy animation makes a page harder to follow for everyone. Keep it gentle: prefer Fade In over Bounce In for large areas, keep durations short, and avoid long delays that leave content hidden while the visitor waits.
When it helps
- Bringing attention to one key thing, like a hero headline or a main call to action.
- A soft fade as a section scrolls into view, to make the page feel considered.
- A single, subtle effect used consistently down the page.
When to hold back
- Animating every block. If everything moves, nothing stands out, and the page feels chaotic.
- Big bouncy entrances on lots of elements, or on long blocks of text people are trying to read.
- Long durations or delays on important content. Visitors should not have to wait for your message to appear.
Pick one or two moments per page worth animating, use a short Fade In, and leave the rest still. Then check the whole page scrolls smoothly before you publish.