Webflow + React

Like & Clone
https://webflow.com/website/Webflow-React?rfsn=1495911.39ce0
Open the Live Website
217
147
16
10009
TAGS
reactjs, react
FROM THE AUTHOR

This is a quick example showing it is possible to add/integrate React Components into your existing Webflow sites.

How I did this:
- I first created a static component with all the elements and styles
- Published the site and copied the component's HTML from the live site
- Converted the HTML into JSX with http://magic.reactjs.net/htmltojsx.htm
- Coded a quick todo app functionality and retrofitted the generated JSX
- Placed a div on the page where the React Component needs to render

(It's a good idea to keep the static components alive on a separate page somewhere for when you want to update the styles etc)

That's it; you now have a React Component using Webflow generated styles!

More projects

Show more recent projects →