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 Komal, 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 Komal 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 Komal 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 Komal 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, Komal has a detailed step-by-step tutorial available on their official YouTube channel.