ANIMATION SHOWCASE / ENTRANCE
Thirteen ways for a block to arrive — fades, zooms, flips and clip reveals, with a stagger between children.
01
All 13 Entrance Effects
Scroll down slowly — each card plays its own effect as it comes on screen.
How to use: Container / Column / element → Extra → Entrance Animation
⬆️
Fade up
enp_effect: fade-up
⬇️
Fade down
enp_effect: fade-down
⬅️
Fade left
enp_effect: fade-left
➡️
Fade right
enp_effect: fade-right
🔍
Zoom in
enp_effect: zoom-in
🔭
Zoom out
enp_effect: zoom-out
🔄
Flip X
enp_effect: flip-x
🔃
Flip Y
enp_effect: flip-y
🌫️
Blur in
enp_effect: blur-in
📜
Clip up
enp_effect: clip-up
🎬
Clip left
enp_effect: clip-left
⭕
Clip circle
enp_effect: clip-circle
🌀
Rise & turn
enp_effect: rise-turn
02
Stagger
Turn it on for a container and its columns arrive one after another.
How to use: Container → Extra → Entrance Animation → Animate: its contents
⚡
Fast
Pages load light and stay light.
🛡️
Secure
Firewall, 2FA and a malware scanner.
🎨
Beautiful
A builder that feels like design software.
03
Easing
The same zoom with the three easings: smooth, springy (overshoots a little) and snappy.
How to use: Entrance Animation → Easing
🌊
Smooth
enp_ease: smooth
🪀
Springy
enp_ease: spring
⚡
Snappy
enp_ease: snappy
04
Clip Reveal on Images
A picture opens from a circle, from below or from the side.
How to use: Image → Extra → Entrance Animation
