Streaming live at 10am (PST)

SVG Icon Animation


#1

@danro @Daniel_Remes @DFink @cyberdave

Hi Guys anyone know how to integrate these sort of SVG animations into webflow?
enter link description here
or even this cool kit
enter link description here


#2

Hi @garethknott, yes you can integrate these, but you will need to use custom jQuery and/or javascript to integrate these into your page. If you follow the implementation instructions on the source pages, you just need to follow their directions, and create your design elements using Webflow or you can use an Embed to paste html tags, and then in the Custom Code section of your site settings, you would put all your javascript for your effect in the Before Body panel of your Custom Code section.

The only way for myself or someone else probably to tell you step by step is to actually do this, so maybe someone on the forum can help, but you might also find some javascript/jQuery people to help you also smile I hope this helps.

Cheers, Dave


#3

Those are cool but I feel like I'd be limited in my design using them because they wouldn't be visible until export. I'd much rather replicate the effects with interactions and keep it all in webflow. I hope the webflow guys will start to allow things like these as plugins in the store. Like, If I went through and made all of them in webflow, being able to save them and use them on other projects as well as sell them in the store. Just an idea.


#4

#5