White Arrow icon
Back to all Elements

Animations with Lottie

Clonable animations with lottie .json files.

Hover & Click animations on buttons.

Clone, copy and use these buttons in your projects.

Preview:

browser mockup
Share:
Heart icon

Try avoiding using "Transition: All". It is heavy on the browser's engine.

Might also interest you:

Glossary

Cloneable
JavaScript
CMS

A clonable for creating an Alphabetical glossary

Read more
Blue arrow iconWhite Arrow icon

Desktop Grid, Mobile Slider

Cloneable
Tricks
Layout

Change Webflow's Slider to act as a "regular" grid block on desktop, but go back to Slider on Tablet and smaller screens.

Read more
Blue arrow iconWhite Arrow icon

CMS Autocomplete

Cloneable
CMS
JavaScript

A short JavaScript code for transferring a CMS list into an autocomplete on an input field.

Read more
Blue arrow iconWhite Arrow icon