Get Started
0
shopping cart icon
burger menu icon
cross icon
Close
HomeAbout usContact
More
Will this template fit your brand?
+

Instructions

This page provides guidance for advanced interactions used within this template.
If you're customizing the template and run into special animations or non-native Webflow behavior, you'll find editing instructions here.

Home V2 – GSAP-Based Rotating Carousel

On the Home V1 page, there’s a rotating carousel powered by GSAP’s Draggable plugin. This carousel allows users to drag and rotate the services section manually. The rotation snaps every 12 degrees for a smooth, controlled experience. Below is everything you need to know to customize or remove it safely.

screenshot

Where to Find the Code

  1. Go to the Home V2  page in Webflow Designer.
  2. Click the settings (⚙️) icon next to the page name.
  3. Scroll down to the Before </body> tag section.
  4. You’ll find the custom GSAP script implemented there.
screenshot

How to Edit

  • The ID #services-rotating-box must match the element you want to rotate.
  • Go to the Home V2 page in Webflow Designer.
  • To change the snapping angle, adjust the value 12 to your desired degree (e.g., 30).
  • If you want to disable snapping, remove or comment out the snap section in the script.
  • inertia: true:  Keeps the carousel moving after drag. Set to false to disable momentum.

Removing GSAP Animation

  1. Find the code in the Home V2 page settings.
  2. Delete or comment the code.

GSAP Documentation