ANIMATION SHOWCASE / MOTION VISUAL · FREE
A free layer of moving dots, shapes, words and pictures behind any container or column — drag them into place right on the canvas.
01
Floating Dots
Small dots drift across the whole area and step aside for the mouse.
How to use: Container / Column → Extra → Motion Visual → Floating Dots
Dots that make room
Move the mouse through them.
02
Connected Dots
A slow network: dots joined by fine lines when they come near, drawn towards the mouse.
How to use: Motion Visual → Connected Dots
A living network
The lines follow the dots; the dots follow you.
03
Soft Bubbles
Large blurred circles floating slowly in your main and accent colours.
How to use: Motion Visual → Soft Bubbles
Calm and soft
Perfect behind a hero or a sign-up form.
04
Geometric
Outlined triangles, squares, rings and plus signs, turning and floating.
How to use: Motion Visual → Geometric
Shapes with a purpose
Clean, technical, and never in the way.
05
Blobs
Soft organic shapes slowly turning behind the content.
How to use: Motion Visual → Blobs
Organic and modern
Big, blurred, slowly turning.
06
Big Word
A huge outlined word drifting faintly behind the content.
How to use: Motion Visual → Big Word
Say it big
Any word, in outline, fill or gradient.
07
Your Own Shapes
Pick from 39 shapes, place them, size them, turn them and give each its own animation: float, drift, rotate, pulse, swing, orbit or bounce.
How to use: Motion Visual → Custom → Add shape
Stars, hearts and sparkles
Each one with its own animation.
08
Random Colours
Every shape and dot slowly cycles through the colour wheel.
How to use: Motion Visual → Color: Random
A colourful mood
Each shape on its own colour clock.
09
Words & Pictures
Text layers in fill, outline or gradient, and your own pictures, floating with the shapes.
How to use: Motion Visual → Custom → Add text / Add image
Your words, your pictures
Text and images move like any other shape.
10
In Front, Following the Mouse
The layer can sit in front of the content (clicks still go through) and its dots can be drawn to the mouse instead of stepping aside.
How to use: Motion Visual → Layer: Front · Dots: Attract
Bring the mouse close
The dots gather round it, over the text.