All award-winning animations in one place
Choose your animation
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
New
November 16, 2024 5:55 PM
Fill list
Other Animation
New
October 24, 2024 12:18 PM
Parallax
Scroll Animation
New
October 24, 2024 12:19 PM
Image Reveal
Scroll Animation
New
December 8, 2024 5:36 PM
Counter
Scroll Animation
New
October 24, 2024 12:20 PM
Background Color
Scroll Animation
New
October 24, 2024 12:21 PM
Variable Font
Hover Animation
Step 1: Paste animation markup
Paste the copied animation into your project.
Step 2: Include external scripts
Make sure these external scripts are present before the </body> tag of your project.
Make sure to only add each script once.
Make sure to only add each script once.
Step 3: Copy and paste Javascript code
Copy this javascript code and insert before the </body> tag of your project.
Make sure to paste it after the external scripts from Step 2.
Make sure to paste it after the external scripts from Step 2.
Step 3: Include and adapt attributes
Add, delete or edit attributes as needed. You can find an overview of all attributes related to this animation here:
Selector attributes
All selector attributes are mandatory and need to be present for the animation to work.
Name
Name tooltip goes here
anm-curve-btn
Value
wrap
Configurable attributes
Add this to the anm-curve-btn=wrap element.
Name
Name tooltip goes here
anm-color
Value
Value tooltip goes here
CHOOSE COLOR CODE
There are no configurable attributes
Successfully copied
Webflow
