Instructions

SVGs (How to edit and replace them)
‍This template uses two types of SVGs: embedded SVGs and SVGs generated via the SVG Import App. For embedded SVGs, simply copy the SVG code you want to use, open the Embed element in Webflow, and paste your SVG code there—this will instantly replace the existing graphic.

For SVGs created using the SVG Import App, install the app from the Webflow App Marketplace, then copy your SVG code and paste it directly into the app interface. The app will automatically generate and render the SVG on your site, keeping it fully editable and scalable.

GSAPAnimations (Native vs. Coded)There are two types of GSAP animations in this template: native Webflow GSAP animations and custom coded animations. The coded GSAP animations are specifically responsible for the project images animation and include additional hover effects as well as mobile interactions. If you remove this custom code, the section will fall back to normal Webflow behavior without those enhanced effects. For GSAP animations built natively in Webflow, simply click the GSAP Animations button to view all animations used across the site—each one can be selected and edited directly. If you’re new to editing native GSAP animations, Webflow has a detailed step-by-step tutorial available on their official YouTube channel.