Bricksforge: Quick GSAP Animations in Bricks Builder

Sdílet
Vložit
  • čas přidán 3. 05. 2023
  • #bricksbuilder #pagebuilder #bricksforge #wordpress #gsap
    Hi all, Brendan here. Wanted to take another quick look at Bricksforge's new UI and some simple GSAP animations using "from to" timelines.
    I saw another great video from GridRule about adding a GSAP script for text staggering without a plugin. Some people were asking how to do it in Bricksforge, so I wanted to quickly try recreating it and also show some other of the GSAP features from Bricksforge
    GridRule video: • GSAP Text Reveal Anima...
    Script Link by vallafederico: github.com/vallafederico/hack...
    Get Bricksforge (aff link): bricksforge.io?aff=d768d61b

Komentáře • 18

  • @sorinciprian7579
    @sorinciprian7579 Před rokem +11

    Amazing! Please do more about bricksforge

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před rokem +1

      thanks. i probably will. need to figure out what to gsap next...any ideas?

    • @alvaronino8446
      @alvaronino8446 Před rokem +2

      @@BrendanOConnellWP If you could do a marquee rotating text effect that'd be awesome! By the way this tutorial was very helpful. Thanks!

    • @alvaronino8446
      @alvaronino8446 Před rokem +1

      Or if you could do a tutorial on Bricksforge like this: czcams.com/video/LBfr5-3mrGc/video.html
      Thanks!!!

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před rokem

      unless i'm misunderstanding your request, scrolling marquee text is possible without bricksforge at all. you can just use CSS or just some simple java

  • @Xesca31
    @Xesca31 Před rokem +4

    Thanks for doing videos about bricksforge, the learning curve is pretty stiff and the there is not a lot of practical tutos available elsewhere.

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před rokem

      glad you found it useful. hoping to get another out there soon. anything you want to see in particular?

  • @the_meaning_of_love
    @the_meaning_of_love Před rokem +5

    Great video to get started with scrollTrigger, thanks!!❤❤❤

  • @gridrule
    @gridrule Před rokem +5

    Great video! Thanks for the shoutout! I'm currently working on a similar video with Bricksforge as well. :)

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před rokem

      absolutely! your animation looks better. thank you for the inspiration. hope its ok. gl with bricksforge!

  • @ThierryC-te3rx
    @ThierryC-te3rx Před 9 měsíci

    Thanks for explaining and showing the Scroll Start / End settings. Was going since yesterday on this.

  • @bricksforge
    @bricksforge Před rokem +5

    ❤️

  • @floyd1411
    @floyd1411 Před 9 měsíci

    hiya. thank you for the tutorial. May i ask, what is the difference between this and bricks builder? And can i not do the exact same thing in bricks directly?

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před 9 měsíci +1

      Bricksforge is an addon for Bricksbuilder that adds many things: GSAP Animations & Events (can even build them with a chatGPT prompt!), pro form builder, backend designer, backend designer, among MUCH more. check out their docs for all the elements/extensions/etc: docs.bricksforge.io/en/introduction/
      Bricks Builder has an interactions feature that can add animations, but Bricksforge has scrub and stagger, and you cant apply them to classes, only elements, which means you cant reuse them easily, not use a timeline to build them, 3D elements, etc.

    • @floyd1411
      @floyd1411 Před 9 měsíci

      @@BrendanOConnellWP ahh i see. But just asking, could i not do the same i.e use gsap with just bricks builder by pasting the code in custom code section or may be use a code plugin. Cause bricks does give you the person the oppurtunity to add classes and attributes right?

    • @BrendanOConnellWP
      @BrendanOConnellWP  Před 7 měsíci

      yes you can add gsap directly in there via data attributes. in fact, in the description of my video i link to someone who did that exact thing, i basically stole his video and did it in bricksforge :)