Exporting code is not working in React

Community resources
1

I am just exporting code from webflow and using it in react with the help of appfairy, html is loading but css is not loading . Please help me out from this, any type of answer would be appreciated

2

I’d encourage you not to use appfairy, because it messes the whole project up.

If you want to export your webflow code with the animations there are some things you need to do

  1. Import your webflow css in your index.html file
  2. Import your webflow js in your index.html file
  3. To load your webflow animations you first need to locate these in your webflow html
    image
    image778×36 2.41 KB

Put them in your <html > tag

Secondly to load the animations in the specific component ,you need to restart the webflow js in a use effect hook like so

useEffect(()=>{
    window.Webflow && window.Webflow.destroy();
    window.Webflow && window.Webflow.ready();
    window.Webflow && window.Webflow.require('ix2').init();
    document.dispatchEvent(new Event('readystatechange'))
  })

Hope this helps

3

Hey Martin , can you explain in step because it is very important for me please help🙏
Thanks & regards

4

Hello,

This is a detailed explanation on the problem

Be sure to contact me if the problems persist

Thank you

5

Okay I will try but I want to say something why don’t you make a tutorial on YouTube because you have brilliant skills to explain. Thank you
Thanks and regards

6

Hello Martin animation is working now. But can you help me in implementing logic in react. Please thank you
Thanks and regards