Video and animation
Can help explain abstract ideas or highlight important points
Web components
Animated content
- Time delay available
Component
-
Bounce
![Two women looking at a laptop]()
-
Pulse
![Two women looking at a laptop]()
-
Fade in
![Two women looking at a laptop]()
-
Fade in down
![Two women looking at a laptop]()
-
Fade in down big
![Two women looking at a laptop]()
-
Fade in left
![Two women looking at a laptop]()
-
Fade in left big
![Two women looking at a laptop]()
-
Fade in right
![Two women looking at a laptop]()
-
Fade in right big
![Two women looking at a laptop]()
-
Fade in up
![Two women looking at a laptop]()
-
Fade in up big
![Two women looking at a laptop]()
-
Slide in up
![Two women looking at a laptop]()
-
Slide in down
![Two women looking at a laptop]()
-
Slide in left
![Two women looking at a laptop]()
-
Slide in right
![Two women looking at a laptop]()
-
Roll in
![Two women looking at a laptop]()
-
Slide in down
![Two women looking at a laptop]()
-
Slide in left
![Two women looking at a laptop]()
-
Slide in right
![Two women looking at a laptop]()
-
Roll in
![Two women looking at a laptop]()
Lottie animation
- Uses .json file
- Ability to change speed
- Option to loop the animation
Component
Stamination
- Ability to update the animation duration
- Ability to update the font size, font weight, and font style
- Can not update font color or invert text
In-page example
Component
$
50
M
+
50
K
>
50
B
Video custom
- Ability to display CTA as a button
- Ability to add play icon to CTA button
- Can hide CTA and play icon on the video
- Can add video description
- Option to change the loop count
- Can customize: Opacity for video overlay, select fallback image
In-page example
Component
Video playlist
- Load entire playlist or create your own with individual URLs
Video thumbnail
- Ability to add video description on top and below video
- Can override: ID, title, duration, and thumbnail image
In-page example
