Instructions

Instructions

Loader Animation

Loader is a component which you can drop on any page.

Its made with GSAP, down below you can see where you can adjust it.

Screenshot 2025-11-12 at 19.13.31
Text & Heading Animations

Text and Heading animations are also made with GSAP, you can tweak them in animations tab.

All text animations are run by attributes, below you can see what attribute goes on what element.

Scroll and Load animations use different attributes too!!

Screenshot 2025-11-12 at 19.14.26Screenshot 2025-11-12 at 19.14.36Screenshot 2025-11-12 at 19.13.49Screenshot 2025-11-12 at 19.14.05
Lenis Smooth Scroll

In this template we used Lenis Smooth Scroll library, if you want to make site scroll faster or even smoother tweak values of 'wheel multiplier' and 'lerp' in site settings custom code tab!

If you want to remove smooth scroll, remove this script code from site settings.

Screenshot 2025-11-19 at 21.15.37
Marquees

We used GSAP code to run marquees on this template, if you want to tweak the duration or easing, you can tweak that in this code which you can find in site settings custom code tab!

Screenshot 2025-11-19 at 21.16.05
Icons and how to edit them

In this template we used svg code for icons, you all icons are set to 100% width and height which means they exapnd as much as they can, to change their size head over to their parent element and change size of that parent element!

In case you want to add icons as image element, remove the code element and insert image, add same class on image icons as it was on code icon!

-------------

Animated Icons are lottiefiles, you can upload you own instead.

instruction