04
Sticky Scroll Story
One side stays put while you read the other; the picture changes with each step.
How to use: Container (two columns) → Extra → Sticky Scroll Story
ANIMATION SHOWCASE / SCROLL
Sections, pictures and lines that follow the scroll — sideways, sticky, stacked and in colour.
01
Scroll Motion
Containers, columns and elements slide, zoom, turn, blur or fade as they follow the scroll.
How to use: Container / Column / any element → Extra → Scroll Motion
Slides in from the left
Moves and fades in as you scroll down.
And from the right
The two cards meet in the middle.
Eleven ready-made presets
Pick one, then fine-tune the from/to values, the start and end lines and the devices.
🐢
Parallax — slow
preset: parallax_slow
🐇
Parallax — fast
preset: parallax_fast
🔁
Parallax — reverse
preset: parallax_reverse
⬆️
Fade in, moving up
preset: fade_up
🔍
Zoom in
preset: zoom_in
🔭
Zoom out
preset: zoom_out
🔄
Turn into place
preset: turn_in
🌫️
Blur to sharp
preset: blur_in
👋
Fade out as it leaves
preset: fade_out
02
Scroll Image
Pictures wipe open from any side, open from the middle or a circle, and zoom inside their frame as you scroll.
How to use: Image / Video → Extra → Scroll Image
Wipe from the left
Wipe from the right
Wipe from the top
Wipe from the bottom
Open from the middle
Circle, zooming 140 → 100
03
Horizontal Scroll
Scroll down and the section moves sideways, panel after panel. Phones see the panels one under another.
How to use: Container → Extra → Horizontal Scroll
Dream
Plan
Travel
Stay
Step 1 · Pick a theme
Start from a ready design.
Step 2 · Drop in your content
Text, pictures and products, right on the page.
Step 3 · Add some motion
Effects from the Extra tab — no code.
Step 4 · Publish
One click, and it is live.
Picture on the left, zooming in
The sticky side can be either column, and the pictures can cross-fade, slide up or zoom in.
Sun and sand
A quiet beach to start the trip.
Blue water
Cliffs, a cove and the clearest sea.
Up in the air
And the view from a balloon at sunrise.
05
Stacking Cards
Cards pin and pile up on top of each other as you scroll.
How to use: Container → Extra → Stacking Cards
Plan
Know what the page has to do.
Design
Lay it out in the builder.
Animate
Give it life with Falcon Effects.
06
Scroll Colour
The whole page changes colour when a section reaches the middle of the screen.
How to use: Container → Extra → Scroll Colour
The page turns dark here
And warm here
07
Line Draw
A line draws itself down the section as you read — made for timelines.
How to use: Container / Column → Extra → Line Draw
Step one · The idea
A site that is fast by default and simple to run.
Step two · The design
A visual builder with a live preview.
Step three · The motion
Effects, scroll and hover — from the Extra tab.
Step four · Launch
Publish, and watch the line reach the end.
Wave
A wavy line down the right side.
First
The line starts here as the section comes up.
Then
It keeps pace with your reading.
Finally
And reaches the end with the last step.
Zigzag
A zigzag down the left side.
First
The line starts here as the section comes up.
Then
It keeps pace with your reading.
Finally
And reaches the end with the last step.
Snake across the section
A line that winds from side to side across the whole section.
First
The line starts here as the section comes up.
Then
It keeps pace with your reading.
Finally
And reaches the end with the last step.
08
Counter on Scroll
A number that counts up and down with the scroll instead of once.
How to use: Counter → Extra → Follow the scroll
2500+
Happy clients
120
Countries
99%
Uptime
09
Scroll Separator
Section dividers whose shape rises, flattens, swells, stretches, flows, turns over or rolls as you scroll — seven presets.
How to use: Section Separator → Extra → Scroll Separator
Rise from flat · preset: rise
Flatten as it leaves · preset: flatten
Swell as it passes · preset: swell
Stretched to shape · preset: unstretch
Flow sideways · preset: flow
Turn the curve over · preset: turn
The hills above roll as you scroll.