Animation Engine
Entrance Animations
The on-enter animation every element ships with — 56 Animate.css effects across ten families (fades, zooms, slides, bounces, backs, rotates, flips, light-speed, specials and looping attention-seekers), each with delay, duration, speed, repeat, loop and replay-on-scroll. Built into the core builder — no extension required.
Live demo
See it in action
The Animations tab
Every element can make an entrance.
Turn on Entrance in any element’s Animations tab, pick an effect, and it plays as the element scrolls into view — no Animation Engine extension needed. Every card below is live: each plays its effect once as it enters the viewport (the attention-seekers loop). Reload to watch them all again.
13 effects
Fading
The workhorse entrances — a soft opacity fade, optionally from a direction (Big = travels further).
5 effects
Zooming
Scale up into place, optionally from a direction.
4 effects
Sliding
Slide in from an edge, no fade.
5 effects
Bouncing
Land with a spring.
4 effects
Back
Overshoot past the mark, then settle back.
5 effects
Rotating
Pivot into view around a corner.
3 effects
Flippers
A 3D card flip on entry.
2 effects
Light Speed
Streak in with a motion skew.
3 effects
Specials
One-of-a-kind entrances.
12 effects
Attention Seekers
Loop to draw the eye — pair with Loop Forever. Great on a badge, price or CTA (these loop below).