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
Popular
January 5, 2025 4:21 PM
Element Reveal
Scroll Animation
New
Popular
December 9, 2024 6:52 PM
Progress
Scroll Animation
New
Popular
December 9, 2024 6:52 PM
Steps
Scroll Animation
New
Popular
December 8, 2024 4:58 PM
Icon Reveal Button
Hover Animation
New
Popular
December 8, 2024 4:12 PM
Accordion
Other Animation
New
Popular
December 8, 2024 4:11 PM
Target Reveal
Other 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
