Overview
Motion is a collection of animated elements built with WebGL technology. They're designed to be performant, customizable, and interactive, perfect for hero sections, landing pages, and anywhere you want to create visual impact.
Each Motion element comes with its own set of Properties that you can adjust in the Design Editor to create unique effects that match your brand and vision.
How to Add Motion Elements
Open the Add menu in the Vev editor
Click “Motion” under "Elements" category
Drag your chosen Motion onto the canvas
Resize and position as needed
Customize the effect using the Properties panel
Available Motions
Type | Description | Key Properties | Preview |
Color Bends | Abstract, flowing color patterns that warp and bend. | Colors, Rotation, Speed, Scale, Frequency, Warp Strength, Mouse Influence. | |
Aurora | A beautiful northern lights effect with flowing, colorful waves. | Color Stops, Blend, Speed, Amplitude. |
|
Faulty Terminal | A retro digital display effect reminiscent of old CRT monitors. | Tint Color, Scale, Digit Size, Speed, Brightness, Scanline Intensity, Curvature, Mouse Interaction. |
|
Floating Lines | Elegant animated lines that float and wave across the screen. | Lines Gradient, Line Count, Line Distance, Bend Radius, Bend Strength, Animation Speed, Mouse Interaction. |
|
Galaxy | A stunning starfield effect with twinkling stars, glowing particles. | Density, Glow Intensity, Saturation, Hue Shift, Twinkle Intensity, Rotation Speed, Mouse Repulsion. |
|
Gradient Blinds | Animated gradient stripes with a spotlight effect that follows mouse movement. | Gradient Colors, Light Direction, Blinds Angle, Blinds Count, Spotlight Radius, Distort Amount |
|
Orb | A glowing, animated orb with hover effects. | Hue, Hover Intensity, Rotate on Hover. |
|
Particles | A 3D particle system with customizable colors, count, and movement patterns. | Particle Colors, Particle Count, Particle Spread, Speed, Base Size, Mouse Interaction, Disable Rotation. |
|
Prism | A rotating prismatic crystal shape with rainbow light refraction effects. | Animation Type (Rotate, Hover, 3D Rotate), Time Scale, Scale, Height, Base Width, Noise, Glow, Hue Shift, Color Frequency. |
|
Prismatic Burst | Radiating rays of prismatic light that burst from the center. | Colors, Animation Type, Intensity, Speed, Distort, Ray Count, Hover Dampness. |
|
Threads | Flowing animated threads or strings that wave across the screen. | Amplitude, Distance, Mouse Interaction |
|
Tips for Best Results
Combine with Content
Motion elements work best when layered beneath other content. Adjust opacity to ensure text and images remain readable.
Performance Considerations
Motion elements are GPU-accelerated and optimized for performance
On mobile devices, some effects may be simplified automatically
For pages with multiple Motion elements, test performance across devices
Customize Properties
Every Motion element offers unique Properties to adjust. Experiment with these settings to:
Match your brand colors
Control animation speed and intensity
Enable or disable mouse interactivity
Adjust visual complexity
Background Styling
Each Motion element also supports editable properties for the background, allowing you to add additional colors or gradients behind the effect.