I want to share my latest Bricks Builder add-on with community; OoohBoi Kinekt - Scroll-triggered animations for Bricks Builder!

1

Hi everyone,
I have released my first Bricks Builder add-on today and wanted to share it with community. The add-on is named “OoohBoi Kinekt” and is used to animate elements on page scroll.

You can download it for free (personal & commercial usage) at Gumroad:

The Docs can be found here:
https://kinekt.ooohboi.space/index.php/ooohboi-kinekt-documentation/

OoohBoi Kinekt is quite new so any feedback is highly appreciated.

Enjoy!

22 Likes
2

That’s cool.
Is there some video on youtube where is possible to see examples?
Thanks.

2 Likes
3

I’ll make the video as soon as I find some spare time but in the meanwhile you can go thru the add-on docs to get an idea. Basically, if you are at least a little bit familiar with the GSAP/ScrollTrigger it shouldn’t be that hard to connect the dots.

2 Likes
4

Great.
I will have a look at it.

Thank you.

5

Love your work, @ooohboi! :ok_hand: I’m a supporter since I’ve been using your plugin with Elementor. It helped a lot back then when there was no Flexbox option available. :laughing: And your new add on for Bricks looks just great, I will try it out! :star_struck:

2 Likes
6

We are blessed to have you as a part of the Bricks community, OoohBoi. Can’t wait to start using this one.

Hvala <3

2 Likes
7

Question.
The text effect is amazing but it runs only when I scroll. I would like to have the same effect in the header but if I don’t scroll the page I don’t see any animation.
Is it possible to run this automatically?

8

This add-on is made to help you create scroll-triggered animations in first place. However, if the element (a Header) is past the animation trigger point then the animation starts immediately.
So, if the header you want to animate the text for is in the hero section of the page, you could simply set the Animation triggers like this:
“Start animation when:” Top of the element
“…hits the:” Bottom of the viewport
Otherwise, it means that the condition is already met and the animation plays as soon as the page loads. I hope it makes sense.

2 Likes
9

Yes, I know and is very useful for animation on scroll so I thought this cool effect could be also used for the top header without scrolling. I really like it.
And yes, it works.
Thank you so much!

10

niceeeeeeeeeeeeeeeee :fire::fire::fire:

my first feedback:
those blue descriptions not need to be seen all the time maybe adding a question mark in some corner and hovering to see these descriptions?

11

Hi, is it possible to achieve “snap” function? I have set From-To animation - X position value from 0 to -200% with Scrub ON. But when I scroll my content is not centered. I want to scroll snap to -100% first and then -200%. Is there any way to set that up within the plugin?

12

Hi,
ATM snapping is not an option. This plugin is rather used for a simple linear animations; from the point A to the point B. I am under impression that you are trying to something that requires a timeline.

Cheers!

13

Thank you for your quick reply. I’m really new to all this stuff so I think that you might be right and that I need a timeline.
You still created an amazing plugin and very helpful documentation.

14

Hvala i pozdrav Dragana!

2 Likes
15

Bro, I’ve followed you since my Elementor beginnings, it’s amazing to see you here. I’m wondering what led you to transition to Bricks? I’ve also been a plugin dev for Elementor, but yeah, it’s not what it used to be.

Also, I’d love to see a tutorial from you about implementing the Barba.js like you did for Ele, I saw a huge thread is here for it also mentioning your tutorial for Elementor :smiley:

16

Well, as you know everything changes, so does the Elementor. It took the wrong turn. I wasted too much time on fixing stuff for clients and myself (on a regular basis), frustration atop another frustration, and I just gave up.
I gave up my plugin too. I hate to say it but if I continued I’d have consciously supported something that is not worth bothering.

As for Barba… I don’t think it’s good for page builders. With Barba you should have both header and footer “static” while something like that is not the case. You could use it but can’t make it kinda uniform.

Anyhow, I’m really glad to read your post! And I’m so happy to work with Bricks Builder! Whatta relief.

3 Likes
17

Literally my story, I’m glad I’m not alone in this.

Indeed I came to the same conclusion over the trial and error. Do you by any chance have some other experiences with page transitions that could work with builders?

I literally felt the same after building with it… The speed and the DX is just crazy good :slight_smile: My only complaint so far is that the community is kind of dull compared to other No-code builders I use(d).

18

hey @ooohboi
I recently bought your addon and I’m totally loving it!
There are just two things I am kinda missing at this moment and I was wondering if you have any plans on implementing them:

  1. some sort of preset generation would be nice
    Another tool I often use (sleek motion) lets you create presets and you can just set them as classes or data-attributes. This is really nice if you want to change a specific animation you reuse on multiple locations.
  2. do you plan on including external gsap + split type scripts in the plugin? This would be nice for GDPR compliance for EU/UK folk.

Thanks!

19

Hi Stefan, thank you for your “purchase” (it’s actually considered to be a donation)!

  1. Presets were on the roadmap but ATM the plugin budget is too thin, and I just can’t let my regular job suffer on behalf of Kinekt
  2. Both GSAP and ScrollTrigger are loaded from cdnjs.com so it does not break any GDPR

Cheers!

20

can you add custom css properties for adding custom css stuff ? instead of selecting properties custom will have only input to write the CSS.

for now we can only select some few properties that’s it and that’s limiting really.

and this will save you time adding other properties one by one :slight_smile: