Short impression of the amazing interactions plugin

Hi Pinegrowers,

Today I decided to go for it despite the prescription plan of $ 25 ex. VAT a year. I just hate prescription plans but anyway. You can pay and authorize the interaction plugin out of Pinegrows latest version 5.9 and start animating.

Started a Bootstrap 4 project and opened the index page with some text and images. At the top right there appears a new icon that when clicked opens the interaction panel.

Adding a animation to a element on your web page is super easy! Just click an element for example a image and go to the panel to select for example the Trigger: Scrolling the Page | Target: Default this element | Animation: rotateIn.

Now when you open your web page and scroll the page you see the animation doing it’s thing! That’s it!
Of course you can see the animation in Pinegrow by scrolling the page in the app or hovering with your mouse cursor over the play button. And this is only the beginning of what you can do.

By clicking on the Edit Animation button a time line opens at the bottom of Pinegrow that changes it in a compact version of Adobe After Effects with multiple layers. Here you can edit the time and transition and fine tune your animations/effects.

I’m always very skeptical when a new app is introduced but this one has blasted me away in one day.
All together I’m very much impressed by this application that offers a full animation recording studio for websites and deliver cross browser animation effects and real animations out of the box and of course there are plenty of possibilities to create your own animations in navigation systems, on forms, images, video and you can even use sound!

Regards,

David
.

3 Likes

At first I thought yeah, so what… stuff moves around, Big Deal! And then I thought a bit and remembered the catchy headers and banners.

And then I noticed the price and checked out the terms of the license. Pretty sweet deal, really, with more to come.

So then I looked around at who else was doing “action” headers and banners and why should I use them. Short answer – click through rate.

Just a subscription at Snack{something} per month is around what you would pay yearly for this app, PG Pro is able to do so much more.

I know this has been a long time in the works and everything is so easy to put together with the included timeline. There’s nothing extra to buy; all included and more.

It doesn’t cost anything to try PG Pro with Interactions out for a week. Just an email will get you up and running.

If you don’t need WordPress, there are two options. Renewal price after a year to help support development is somewhere around 50% (a nice little discount).

You can buy a 1 year subscription for under $75 and everything will end once the subscription has expired.

The other option is to purchase just PG Pro for just under $75 and get Interactions as a $25 add-on. Without renewal, PG Pro will continue to function (without updates) indefinitely.

There are similar puchasing options for the premium PG Pro with WordPress and Interactions.

The nice thing about this buy is Interactions is brand-new to everyone. The kicker is that Interactions with continue to be $25 with no increase as long as you don’t cancel your subscription.

This is a really great software with a great “actions” add-on. It’s cool, fun, and addictive… and sure to get your creative juices flowing.

Have fun!

Note: Oh, forgot to mention… The premium version can be used to create and convert standard websites to WordPress, or from WordPress back to a standard website.

4 Likes

Just purchased it today, and am quite pleased with it overall.

I take a strong stance against subscription models, with one exception being if it is an add-on to a core product which is subscription free (or offers a subscription free version), and the add-on is not a requirement to using the core software to its fullest original potential, then no problem.

I haven’t been using Pinegrow in my workflow as much as I’d like and really want to take advantage of it and take control of my projects code.

3 Likes

Here are some of my own impressions and observations, since I was not participating on forum at the time of its release.

My first thought was that this appeared more created for the forthcoming & delayed Pinegrow sibling for designers and rolled into Pinegrow as a plugin. Since everything is being dumped into and interpreted from data-attributes, instead of having transferability and actual editable human readable JS as output. Pinegrow itself has always been touted as open transferable with no abstraction. While this approach does not really follow with that ideal since the interactions output is not cleanly transferable from a code handoff standpoint. So to me it seems instead more aligned with the aforementioned design sibling product mindset, but a nice feature none the less.

Then I just kept re-reading this line:

“Due to recurring costs involved in licensing the best animation technology on the market, we’re unable to offer Interactions as a one-time purchase.”

due-to-recurring-costs-involved-in-licensing

A GSAP “Business Green License” of $150 year is all that is needed to offer or sell this plugin to your customers. At the $50 per sale to Pinegrow users, you would only need to sell 3 each year to cover the “recurring costs involved in licensing”. The Pinegrow team remains small so even 5 developers internally working on PGIA would be $500, equating to 10 sales a year to cover the “recurring costs involved in licensing”.

So I just kept looking at that word “unable” wondering about cost vs return when considering the vast benefits of associating Greensock with and into your products.

“create much more value than what they cost”

With that same mindset it seems Pinegrow could have chosen to just absorb this trivial cost of $150 a year to commercially offer this. Instead choosing to just roll the feature into the app as added value to increase overall app sales derived from this feature inclusion. The name association and recognition alone would bring potential users. So I don’t think the reason for recurring costs is necessarily justified definitively as “unable” considering the low yearly price of implementing GSAP commercially and how that benefits your own brand. Similar GSAP related examples below demonstrate lower priced one time payments with lifetime updates and the absence of subscriptions for users.

Here are a few some, a few having been sold for years with comparable features. Interestingly by comparison all are cheaper and none are subscription based. **


Scroll Magic WordPress – Scrolling Animation Builder Plugin

  • $25 one time payment + lifetime updates
  • GSAP + ScrollMagic + a pile of data-attributes

ScrollMagic for WordPress - WordPress Builder with Advanced Animations

  • $25 one time payment + lifetime updates
  • GSAP + ScrollMagic + a pile of data-attributes
  • Visual timeline editor **

Muse Motion Widget

  • $15 one time payment + lifetime updates
  • GSAP + ScrollMonitor + fewer data-attributes
  • Outputs actual GSAP JS logic, shows proof of concept of offering output as JS.

The same comprehensive features could have also been freely implemented by utilizing the MIT licensed Anime.js as an alternative.

With the release of GSAP 3 the syntax is now quite similar between these two libraries, which admittedly is indeed nice regarding a relatively easy and interchangeable development ability between the two. When it comes to core features both libraries are virtually interchangeable. With each being optimally performant in animating virtually anything un-opinionated. The easy difference being GSAP offering premium support and an amazing user forum, but neither of which apply to PGIA users.


By PGIA exclusively using data-attributes it seems to be a way to circumvent users and clients from directly editing the GSAP code from PGIA. Thus allowing users to commercially pass along “Pinegrow Interactions” GSAP related output without them or their clients needing to potentially buy a GSAP license. The only way a client or someone can edit things made by PGIA easily without reverse engineering a long string of data-attributes and rebuilding the needed GSAP logic in JS. Is by actually buying Pinegrow and the Pinegrow Interactions plugin. That seems like somewhat of a circumvention allowing Pinegrow to make more money but not Greensock? In that regard I assume you will also need to stick only to the core GSAP features and would be restricted from implementing the GSAP Bonus Plugins (DrawSVG, morphSVG, SplitText, etc.,) as that would then require users to buy their own GSAP license at additional cost to use those bonus plugins.

Of course the timing of PGIA using GSAP 2 upon its release when GSAP 3 had already been available was not optimal from a marketing standpoint or introduction opportunity for Pinegrow. It seems the GSAP 3 core features would have been more than battle tested when “Pinegrow Interactions” was released. Given the “PGIA” features offered to users are just GSAP core features and long standing properties offered within the core GSAP library. Especially since the Greensock team do a wonderful job listening to customer feedback and squashing any issues generally within hours or the same day in most cases when something is reported. You should have had access to the private beta releases and the private GSAP 3 forum before its release if you were running into any development related issues or logic errors with the framework. Perhaps the hold up is instead more related to the use of ScrollMagic (MIT license) and it not “officially” supporting GSAP 3 yet. Another option would be just using vanilla IntersectionObserver and lowering the overhead further, especially since ScrollMagic does not utilize that yet either.

Regardless I don’t think there were reason(s) to question the “stability” of GSAP 3 upon its release? Unless you didn’t participate or provide feedback during the beta period? Pinegrow Interactions released almost a month after GSAP 3 and people were eagerly releasing commercial work on (or before) day one of the GSAP 3 release.

Overall “Pinegrow Interactions” is a nice implementation of many of the core GSAP abilities into a comprehensive UI regarding what it intends to offer to Pinegrow users. I was not enthused to see it uses a pile of data-attributes but understand for certain features it may depend on it. Still it would be nice to have the additional option of outputing to a clean JS file of human readable code, given the nature of Pinegrow as an app but also frontend development in general. The need for a subscription based model is also not clearly proven as an absolute as various other tools have shown (a few shown above). Not using GSAP 3 from the onset seems easily disputable.

I did grab a copy of “Pinegrow Interactions” during the initial $25 release offering hoping to see what it might become. Though regardless I’ll certainly be keeping my “Shockingly Green” membership without question. :wink:

Pinegrow Interactions don’t aim to be visual builder for GSAP.

PGIA’s utility is to easily and visually add interactions to a web project. If you need to further customize interactions, then PGIA is not the right solution for you.

Regarding licensing, we have a custom enterprise level agreement with GreenSock that allows our users to freely market their work that includes Pinegrow interactions, including selling their work in template marketplaces etc. GSAP standard business license doesn’t grant these rights. We want PGIA to come without any strings attached and are paying a significant recurring amount (based on the number of PGIA users) to license GSAP appropriately.

Re GSAP 3: We decided to go with GSAP 2, because of issues with the newly released GSAP 3. GSAP 3 was at 3.0.1 at the time of PGIA release. Now, it’s at 3.1.1. Most of what happened in between were bug fixes (as expected for such a massive rewrite). We will be moving to GSAP 3 soon.

3 Likes

Oh! thanks for that info… I didn’t realise that. That is interesting. cheers for the info. Ive fallen behind with so many new capabilities in PG!

Sure, because GreenSock is ultimately too feature rich for anyone to probably ever accomplish that in its entirety. It would make the Pinegrow UI complexities look basic with all the settings and features required to scratch the surface of what GreenSock can truly accomplish. :wink:

You’ve done a nice job of accomplishing that as I mentioned above.

No worries, I’m a long time GSAP user. I was drawn to PGIA due to its usage of GreenSock and who knows PGIA may even come in handy someday in certain (or many) cases for me. It uses GSAP so you can never go wrong there.

Thats great to hear @matjaz.

I’ve since had a nice conversation with GreenSock to better understand that in certain cases a custom Enterprise license is appropriate (as you have done) when a product indirectly completes with GSAP like Pinegrow Interactions. For most people though, the “Business Green license” is perfectly adequate as I mentioned above. GreenSock’s licensing is as fair as they come and a bargain considering what you get for your investment, so thats why I was surprised that it would be otherwise.

Regarding GSAP 3 readiness at launch thats subjective and we can agree to disagree on that, since it’s your integrated product release you have to do what you feel comfortable with. I still hope you took the time to report those perceived bugs that you felt prevented you.

But I will agree that you chose to implement the best web animation platform for your users by leveraging GreenSock. Its far and away the most comprehensive web animation platform toolset available. When you factor in product support, user forum, virtually unlimited features and capabilities, additional plugins, supporting vast inconsistencies for browser compatibility (this alone is priceless). Along with the massive usage throughout the web community and the enormous amount of write-ups, examples, tutorials, videos, etc., then it’s completely no contest and easily the cream of the crop when compared to others.

So I’m eager to see what you do with it as you continue the GSAP 3 implementation into your own tools. While also encouraging those whom are code savvy to check out GSAP directly and all it has to offer even within the free version. But as a long time user you can’t go wrong with the club memberships thats for sure. From one GreenSock paying customer to now another you and me can certainly agree on that.

2 Likes

@matjaz

That will be nice for Pinegrow Interaction users.

Hopefully updating things to GSAP 3 will soon follow as well. I’ve been seeing many posts lately on the GreenSock forums by staff and mods making hinted comments about a soon to be released scroll plugin by GreenSock that will offer and replace ScrollMagic type scroll based interactions.

I’m sure theirs will be a huge improvement over the ScrollMagic library. Since it will be coming directly from GreenSock themselves as a native plugin thats tied into the core GSAP framework. It will be nice to see their new scroll plugin rolled into “Pinegrow Interactions” replacing ScrollMagic, along with updating to GSAP 3 finally. Each will be massive improvements over the current “PGIA” version.

2 Likes

Great find. We need these Interactions tuts.
They are spending the money wisely. :ok_hand: :v:

1 Like

Next week.

1 Like