# Pinegrow Interactions Add-on

**URL:** https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

---

## [How to delete timeline in PG Interactions?](https://forum.pinegrow.com/t/how-to-delete-timeline-in-pg-interactions/11965)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 1\
**Last updated:** [July 31, 2026, 7:48am UTC](https://forum.pinegrow.com/t/how-to-delete-timeline-in-pg-interactions/11965 "2026-07-31T07:48:55Z")

</div>

I deleted an element on the page that I used to have in a PG interaction. With Version 9.3 I can’t delete the timeline of this not existing element. “Not set” uses the current element, but I want to delete the timeline. …

---

## [Snapping and Scrolling the page (interaction)](https://forum.pinegrow.com/t/snapping-and-scrolling-the-page-interaction/11480)

<div class="topic-metadata">

**Author:** [@Stephan](https://forum.pinegrow.com/u/Stephan)\
**Replies:** 0\
**Last updated:** [March 17, 2026, 3:55pm UTC](https://forum.pinegrow.com/t/snapping-and-scrolling-the-page-interaction/11480 "2026-03-17T15:55:33Z")

</div>

I try to make a full screen one page photo portfolio. First section starts with 1. title that fades in from left blurs out and vanishes. Second section with title visible but bluring/vanishing after seconds. All sections…

---

## [How to make Pinegrow Interactions only load after page-load Lottie animation has finished?](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351)

<div class="topic-metadata">

**Author:** [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Replies:** 3\
**Last updated:** [January 28, 2026, 2:05am UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351 "2026-01-28T02:05:37Z")

</div>

I have a full screen lottie logo animation that plays on page load. Users can swipe or click to skip it if they wish. However, I’d like to use Pinegrow Interactions to add a hero text fade in, followed by some scroll an…

---

## [Safari interaction animations jerky- all other browsers fine](https://forum.pinegrow.com/t/safari-interaction-animations-jerky-all-other-browsers-fine/11334)

<div class="topic-metadata">

**Author:** [@createdbyfrazer](https://forum.pinegrow.com/u/createdbyfrazer)\
**Replies:** 0\
**Last updated:** [January 21, 2026, 5:27pm UTC](https://forum.pinegrow.com/t/safari-interaction-animations-jerky-all-other-browsers-fine/11334 "2026-01-21T17:27:54Z")

</div>

I am hoping somebody can help here. Using both off the shelf interactions and creating my own, essentially scroll/zoom scroll/scale. it works fine on all browsers exepct safari where it is jerky. Has anybody experienc…

---

## [How to make auto play?](https://forum.pinegrow.com/t/how-to-make-auto-play/6484)

<div class="topic-metadata">

**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Replies:** 3\
**Last updated:** [December 5, 2025, 12:17pm UTC](https://forum.pinegrow.com/t/how-to-make-auto-play/6484 "2025-12-05T12:17:06Z")

</div>

Hi How to make auto play? Thanks.

---

## [Can this menu reveal be achieved with Interactions?](https://forum.pinegrow.com/t/can-this-menu-reveal-be-achieved-with-interactions/11267)

<div class="topic-metadata">

**Author:** [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Replies:** 0\
**Last updated:** [December 4, 2025, 4:54pm UTC](https://forum.pinegrow.com/t/can-this-menu-reveal-be-achieved-with-interactions/11267 "2025-12-04T16:54:06Z")

</div>

Just completed the ineraction tutorial here for menu scroll reveal: https://www.youtube.com/watch?v=PmrKJqb690k I’m looking to achieve a similar animation to this: https://www.youtube.com/watch?v=8SwojE3DiBc Let’s say …

---

## [How to make animation effect of words?](https://forum.pinegrow.com/t/how-to-make-animation-effect-of-words/6320)

<div class="topic-metadata">

**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Replies:** 6\
**Last updated:** [November 28, 2025, 6:37am UTC](https://forum.pinegrow.com/t/how-to-make-animation-effect-of-words/6320 "2025-11-28T06:37:46Z")

</div>

How to make animation effect of words ? In a website, there is an animation effect that words move from down to up or from up to down. How to make it in pinegrow? Thanks.

---

## [Pop up Images on hover?](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080)

<div class="topic-metadata">

**Author:** [@jefferis](https://forum.pinegrow.com/u/jefferis)\
**Replies:** 6\
**Last updated:** [September 11, 2025, 2:49pm UTC](https://forum.pinegrow.com/t/pop-up-images-on-hover/11080 "2025-09-11T14:49:48Z")

</div>

Just looking at the Interactions add-on. I see a tool tip but I don’t see what I would call an image popup on hover or click. Is that a feature that is missing or am I just missing it?

---

## [Manually copying interactions](https://forum.pinegrow.com/t/manually-copying-interactions/11054)

<div class="topic-metadata">

**Author:** [@chrisb](https://forum.pinegrow.com/u/chrisb)\
**Replies:** 2\
**Last updated:** [August 17, 2025, 2:34pm UTC](https://forum.pinegrow.com/t/manually-copying-interactions/11054 "2025-08-17T14:34:30Z")

</div>

Hi, First up I don’t have a problem with interactions, I made an isolated dialog element with other elements and animated it the way I want. I published and checked this test page on the system at work its going to be u…

---

## [Opacity at animation start error](https://forum.pinegrow.com/t/opacity-at-animation-start-error/11059)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 0\
**Last updated:** [August 14, 2025, 3:50pm UTC](https://forum.pinegrow.com/t/opacity-at-animation-start-error/11059 "2025-08-14T15:50:18Z")

</div>

Hi @matjaz , Can someone from Pinegrow staff please check my e-mail and Wetransfer? I need to finish a assignment. Thanks!, David

---

## [GSAP has been acquired by Webflow](https://forum.pinegrow.com/t/gsap-has-been-acquired-by-webflow/9906)

<div class="topic-metadata">

**Author:** [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Replies:** 27\
**Last updated:** [June 5, 2025, 1:19am UTC](https://forum.pinegrow.com/t/gsap-has-been-acquired-by-webflow/9906 "2025-06-05T01:19:52Z")

</div>

Webflow acquired GSAP. :face\_with\_raised\_eyebrow: Long term, it’s hard to imagine Webflow will allow other competitive offerings to use their acquired industry flagship animation library? That would of course be inte…

---

## [Second custom animation breaks first](https://forum.pinegrow.com/t/second-custom-animation-breaks-first/10649)

<div class="topic-metadata">

**Author:** [@reflex](https://forum.pinegrow.com/u/reflex)\
**Replies:** 6\
**Last updated:** [April 24, 2025, 9:11am UTC](https://forum.pinegrow.com/t/second-custom-animation-breaks-first/10649 "2025-04-24T09:11:07Z")

</div>

Following on from this question, I have created an interaction similar to Pinegrow’s rotating card example, but extending it to multiple divs. To do so, I utilised a custom JavaScript function to calculate the rotation …

---

## [Using custom functions in custom animations](https://forum.pinegrow.com/t/using-custom-functions-in-custom-animations/10646)

<div class="topic-metadata">

**Author:** [@reflex](https://forum.pinegrow.com/u/reflex)\
**Replies:** 2\
**Last updated:** [April 23, 2025, 10:22am UTC](https://forum.pinegrow.com/t/using-custom-functions-in-custom-animations/10646 "2025-04-23T10:22:36Z")

</div>

I’m attempting to create a “look-at” behaviour for items, where the items follow the cursor when inside their shared container. I know how to do the calculations for the required rotation, but I can’t get the javascript…

---

## [Interactions under Bootstrap 5 tabs not working proper](https://forum.pinegrow.com/t/interactions-under-bootstrap-5-tabs-not-working-proper/10597)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 0\
**Last updated:** [March 26, 2025, 12:19pm UTC](https://forum.pinegrow.com/t/interactions-under-bootstrap-5-tabs-not-working-proper/10597 "2025-03-26T12:19:07Z")

</div>

Hi, I made a Interaction animation with Scroll Scene at the bottom of a restaurant menu letting a SVG element fly in from the left and a SVG element fade in. The problem occurs, because the restaurant menu is made in B…

---

## [Including a delay on each loop when we have an animation on repeat](https://forum.pinegrow.com/t/including-a-delay-on-each-loop-when-we-have-an-animation-on-repeat/10511)

<div class="topic-metadata">

**Author:** [@dimkasta](https://forum.pinegrow.com/u/dimkasta)\
**Replies:** 1\
**Last updated:** [March 19, 2025, 6:51am UTC](https://forum.pinegrow.com/t/including-a-delay-on-each-loop-when-we-have-an-animation-on-repeat/10511 "2025-03-19T06:51:16Z")

</div>

Good morning everyone I am trying to add small animations on a draft page I am working on. I wanted to ask if there is a way to include a delay when an animation is repeating endlessly with -1. For example I am inclu…

---

## [Using Variables in WP and PG Interactions](https://forum.pinegrow.com/t/using-variables-in-wp-and-pg-interactions/9998)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 3\
**Last updated:** [November 13, 2024, 6:23am UTC](https://forum.pinegrow.com/t/using-variables-in-wp-and-pg-interactions/9998 "2024-11-13T06:23:39Z")

</div>

Hey, I try to create a Wordpress block with a Pinegrow Interaction animation. The Animation sets a src value of an element. I would like to be able to type in the src attribute in the Wordpress block editor. Maybe the …

---

## [Interactions on Component](https://forum.pinegrow.com/t/interactions-on-component/9025)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 0\
**Last updated:** [July 19, 2024, 8:41am UTC](https://forum.pinegrow.com/t/interactions-on-component/9025 "2024-07-19T08:41:58Z")

</div>

Similar to the way components can allow ‘Wordpress Actions’ it’d be great to allow for Interactions too. I’ve tried to manually allow for the data-pg-ia attribute but this does work.

---

## [Pinegrow Scroll Trigger SlideInLeft will not delay](https://forum.pinegrow.com/t/pinegrow-scroll-trigger-slideinleft-will-not-delay/9006)

<div class="topic-metadata">

**Author:** [@spiralof5](https://forum.pinegrow.com/u/spiralof5)\
**Replies:** 0\
**Last updated:** [July 14, 2024, 8:07pm UTC](https://forum.pinegrow.com/t/pinegrow-scroll-trigger-slideinleft-will-not-delay/9006 "2024-07-14T20:07:01Z")

</div>

Hi there. I’m new to Pinegrow and website building in General. I have a stack of text like this: Bring Your Website to LIFE I’ve triggered the interation “SlideInLeft” on all 3 lines. But when I use the delay option …

---

## [How to trigger Pinegrow Interaction several times per Javascript](https://forum.pinegrow.com/t/how-to-trigger-pinegrow-interaction-several-times-per-javascript/8920)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 0\
**Last updated:** [May 20, 2024, 4:13pm UTC](https://forum.pinegrow.com/t/how-to-trigger-pinegrow-interaction-several-times-per-javascript/8920 "2024-05-20T16:13:26Z")

</div>

Hi, I try to trigger a Pinegrow interaction several times with javascript. I can trigger an animation with Javascript: pgia.play(document.getElementById(“id”), “animationname”); That works perfectly. I want to trigge…

---

## [Correct animation of Cards with PGIA](https://forum.pinegrow.com/t/correct-animation-of-cards-with-pgia/8783)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 0\
**Last updated:** [March 15, 2024, 7:36am UTC](https://forum.pinegrow.com/t/correct-animation-of-cards-with-pgia/8783 "2024-03-15T07:36:02Z")

</div>

Hey, I just had an issue how to animate a section of cards correctly with Pinegrow interactions. I have a few cards / boxes / fields that are displayed next to each other (on desktop) and one below the other on mobile. …

---

## [Adaptive interactions slider with different number of items](https://forum.pinegrow.com/t/adaptive-interactions-slider-with-different-number-of-items/8610)

<div class="topic-metadata">

**Author:** [@Alex-msk](https://forum.pinegrow.com/u/Alex-msk)\
**Replies:** 0\
**Last updated:** [December 25, 2023, 8:49am UTC](https://forum.pinegrow.com/t/adaptive-interactions-slider-with-different-number-of-items/8610 "2023-12-25T08:49:58Z")

</div>

Hi there! I’m trying to implement adaptive slider with variative number of items. Let’s say I have 10 fixed-size images in a row. They should slide from the right to the left smoothly like a row (not one by one like in …

---

## [Pinegrow Interactions with :before and :after](https://forum.pinegrow.com/t/pinegrow-interactions-with-before-and-after/8462)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 2\
**Last updated:** [October 26, 2023, 1:16pm UTC](https://forum.pinegrow.com/t/pinegrow-interactions-with-before-and-after/8462 "2023-10-26T13:16:14Z")

</div>

Hi, Is it not possible to target :before and :after elements with Pinegrow interactions? I have a list with check icons build in as li:before. I can’t animate them in PGIA…I tried “li:before” and “li::before” in the sel…

---

## ["Pinned" Scroll Animations — Am I missing something?](https://forum.pinegrow.com/t/pinned-scroll-animations-am-i-missing-something/8358)

<div class="topic-metadata">

**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\
**Replies:** 9\
**Last updated:** [October 19, 2023, 4:58pm UTC](https://forum.pinegrow.com/t/pinned-scroll-animations-am-i-missing-something/8358 "2023-10-19T16:58:34Z")

</div>

Hi, I was playing with some the Pin option - but, to me it seems it doesn’t work. Could @abirana please make a simple screen cast showing the most basic Pinned animation with the latest release of Pinegrow? Thanks

---

## [All scroll scene animations play when the first section comes into view](https://forum.pinegrow.com/t/all-scroll-scene-animations-play-when-the-first-section-comes-into-view/8273)

<div class="topic-metadata">

**Author:** [@jjozsi](https://forum.pinegrow.com/u/jjozsi)\
**Replies:** 4\
**Last updated:** [August 8, 2023, 3:51pm UTC](https://forum.pinegrow.com/t/all-scroll-scene-animations-play-when-the-first-section-comes-into-view/8273 "2023-08-08T15:51:36Z")

</div>

I applied custom navigation to sections on the home page of https://linencare.ie/preview/ and it works mostly ok. Each section under the hero section should slide in as the middle of the section reaches the bottom of th…

---

## [Trigger script when interaction done](https://forum.pinegrow.com/t/trigger-script-when-interaction-done/8206)

<div class="topic-metadata">

**Author:** [@johnsantana](https://forum.pinegrow.com/u/johnsantana)\
**Replies:** 2\
**Last updated:** [July 4, 2023, 6:13pm UTC](https://forum.pinegrow.com/t/trigger-script-when-interaction-done/8206 "2023-07-04T18:13:35Z")

</div>

Hi. Is there an event that is triggered when an interaction ends that I could use to trigger a javascript function? Specifically, I’m looking to have an element fade-out, trigger a script, and fade back in with new data …

---

## [PGIA not working on .cloneNode?](https://forum.pinegrow.com/t/pgia-not-working-on-clonenode/8186)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 0\
**Last updated:** [June 29, 2023, 8:56am UTC](https://forum.pinegrow.com/t/pgia-not-working-on-clonenode/8186 "2023-06-29T08:56:51Z")

</div>

Hi, I have a list like element with one list item which has an interaction. Clicking on it will show more content inside that item which is hidden at the beginning. I need to dynamically duplicate this list item several…

---

## [What exactly happens when I initially add interactions to a project or page](https://forum.pinegrow.com/t/what-exactly-happens-when-i-initially-add-interactions-to-a-project-or-page/7588)

<div class="topic-metadata">

**Author:** [@Dom](https://forum.pinegrow.com/u/Dom)\
**Replies:** 6\
**Last updated:** [April 24, 2023, 1:48pm UTC](https://forum.pinegrow.com/t/what-exactly-happens-when-i-initially-add-interactions-to-a-project-or-page/7588 "2023-04-24T13:48:19Z")

</div>

I’ve been experimenting with adapting some Flowbite components to work with interactions. My reasoning has been twofold. Firstly there’s the age old mountaineers’ excuse of because it’s there and the second was because…

---

## [Instantiate Pinegrow Interactions from JavaScript](https://forum.pinegrow.com/t/instantiate-pinegrow-interactions-from-javascript/6079)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 12\
**Last updated:** [April 18, 2023, 8:17am UTC](https://forum.pinegrow.com/t/instantiate-pinegrow-interactions-from-javascript/6079 "2023-04-18T08:17:25Z")

</div>

Is there a way to manually trigger Pinegrow interactions on a page? I’m adding transitions between pages via an ajax function to fetch the page content and populate the body underneath a transition. The only problem I’…

---

## [What's the license situation with Greensock? (ScrollSmoother Plugin)](https://forum.pinegrow.com/t/whats-the-license-situation-with-greensock-scrollsmoother-plugin/6444)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 3\
**Last updated:** [March 15, 2023, 11:51pm UTC](https://forum.pinegrow.com/t/whats-the-license-situation-with-greensock-scrollsmoother-plugin/6444 "2023-03-15T23:51:15Z")

</div>

How does the license work with Pinegrow and GSAP? Does it have a BusinessGreen license where it’s able to share the license with Pinegrow users? if so, I love the recently announced ScrollSmoother plugin. Will this be u…

---

## [Access GSAP object manually](https://forum.pinegrow.com/t/access-gsap-object-manually/7802)

<div class="topic-metadata">

**Author:** [@marcelreschke](https://forum.pinegrow.com/u/marcelreschke)\
**Replies:** 0\
**Last updated:** [March 8, 2023, 12:39pm UTC](https://forum.pinegrow.com/t/access-gsap-object-manually/7802 "2023-03-08T12:39:03Z")

</div>

Some things are difficult to realize with the PGIA interface, where I have GSAP code for. How can I incorporate this code without having to load GSAP again? How can I register additional plugins, e.g. gsap.registerPlug…

[Next page](https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=1)
