# React-Three-Fiber-Webflow 😘
Starter file with vite to render react three fiber inside a webflow project.
React-three/drei is already includet.
ES-lint with react plugin and prettier is also includet in the repository.
install the dependencies: npm i
run dev server: npm run dev
✋✋✋
During developement you need to add this code inside the head tag of your webflow project:
...you can remove it on your production build.
👂
During developement, you also need to add this at the end of the body tag:
👉👉👉
You might need to change the localhost number.
for production you want to to change it to the production URL. Don't forget to update the _headers file in the public folder or you will get a CORS ERROR.
Here is a read only link to my webflow starter file: https://preview.webflow.com/preview/react-three-fiber-template?utm_medium=preview_link&utm_source=designer&utm_content=react-three-fiber-template&preview=0a7522a483083f5f470016acbf68076e&workflow=preview
To render your project inside Webflow , you also need to add a div with the id="root" and set it to the appropriate size.
Have Fun😄
# r3f-scroltrigger-tutorial-copy-this