Blocksify animations help visitors notice supported blocks as they enter the screen or load with the page.
Use them for subtle reveals on layout sections, containers, and Content Loop cards without making the page depend on motion.
Add your first animation
- Select a Section, Container, or Content Loop block in the editor.
- In the block inspector, open the Interactions panel.
- Click Add Animation Trigger. The trigger choices appear.
- Choose Scroll Into View or On Page Load.
- Pick the Effect and Direction where available, then adjust Duration, Delay, and Easing.
- For Scroll Into View, set how much of the block must be visible before the animation starts.
- Click Preview Animation to replay the animation in the editor.
Choose the right trigger
| Trigger | When it runs | Best for |
| Scroll Into View | When the block becomes visible in the visitor’s viewport. | Sections, cards, or media that should reveal as the visitor scrolls. |
| On Page Load | When the page is ready. | Above-the-fold content that is already visible when the page opens. |
Options you can tune
| Setting | What it does |
| Effect | Chooses the kind of reveal, such as fade, slide, or zoom. |
| Direction | Sets where movement begins when the chosen effect supports direction. |
| Duration | Controls how long the animation takes. |
| Delay | Waits before the animation starts. |
| Easing | Controls how the motion speeds up or slows down. |
| Reveal amount | For scroll animations, decides how much of the block must be visible before motion begins. |
| Per-device on/off | Lets you run or skip the animation on desktop, tablet, or mobile. |
Which blocks support animations
Blocksify animations are available on Section, Container, and Content Loop blocks. On Content Loop, use the native Target select to animate the whole loop, each card, or the media area inside each card.
Good to know
- If a visitor blocks motion or JavaScript, Blocksify shows the finished state so content never stays hidden.
- Pages without animations do not load the extra animation script.
- Blocksify Pro adds trigger types for hover, click, scroll position, mouse movement, and scroll out.