"Before and after" slide animation with pure Webflow interactions. You just need to replace a background settings in .before-image and .after-image-inner.

Before and after slider | Webflow spare parts

Basic hide&show animation in case you need to create a sequence of text lines.

Text hide&show animation | Webflow spare parts

The pricing plans template is made using pure Webflow interactions. To change currencies numbers you just need to change numbers in hidden <div> elements. There is no JS in case you are looking for some magic. 

💡 You can combine this template with the others "Spare parts" components as they use equal html&css.

Pricing plans with currencies dropdown | Webflow spare parts

Gradient CSS loading animation from public codepen source.

CSS loaders | Webflow spare parts

This is simple javascript calculator. You can use it for investment websites or as you like. Just change formula inside embed code element to manage output amount. 

What is inside:
– javascript calculator
– stop form submission when pressing enter

Happy calculating! 👻

Nikita Vyutnov

About

About

About