Bricks Builder + Bricksforge: GSAP Animations & Timelines

[@ThierryC-te3rx]

Hello Brendan, Thanks for making a serie on Bricksforge. It would be great if you could made a tuto on scroll based animations with the max details you could bring. Few fields are a mystery to me: Trigger, scroll start Scroll end. Thank You so much.

[@BrendanOConnellWP]

i'd like to and i'll probably try & make 1, but i can't promise it will be any good - scrolling is also the part that perplexes me to get the pacing down to a mathematical, understandable method. definitely recommend using the markers function so you can see where animations start/end. let me know if you want to bounce any ideas of what you're thinking about

[@sevenelven]

What you need to learn ate the theories, all the things you listed are in the documentation in both Bricksforge and Greensock. I'm afraid if people can't adapt on their own without following a hand-me-down tutorial that Bricksforge is not the right tool for them.

[@BrendanOConnellWP]

it certainly helps to have some fundamental understanding of gsap to use bricksforge of course. the visual UI does make it pretty easy to get stuff up and running without any coding or coding knowledge, which is cool and makes it more accessible to more people - but to do more complex stuff, it takes time (something not every one has lots of extra of) and practice. i try to cover both intermediate stuff and introductory stuff, hopefully to get people's curiosity started and make their own stuff. we are all in a different point in the journey to get better. someone's content will be both too basic and too advanced for different sets of people

[@rutista]

Great video! Please more Bricksforge!!

[@BrendanOConnellWP]

i will try to. what are you looking to do?

[@rutista]

@@BrendanOConnellWP Hello! To begin with, it would be great to see animated sliders, as well as a preloader with an isotype or text and for this to be activated every time a page on the website loads. I really appreciate what you are doing, greetings!

[@e4marketservices]

Excellent video

[@BrendanOConnellWP]

Glad you liked it! thanks

[@dixz_drs]

❤ Grate Video

[@BrendanOConnellWP]

❤️ TY

[@JoniKukkohovi]

Great video. Would love to see how to implement this to different screen sizes.

[@BrendanOConnellWP]

Thank you. It's been a minute, but i probably used pixels in the video? Try using %s or vw/vh to account for large screens

[@crsmoore]

Thanks for this video! 🙌 Is BricksForge the only plugin for GSAP in Bricks?

[@BrendanOConnellWP]

no, there is also motion.page which works in Bricks and other page builders. same concepts apply. theres also motion.dev which i believe is not gsap but similar functions. there are also some videos on adding gsap manually to bricks via attributes

[@crsmoore]

@@BrendanOConnellWP - I appreciate the quick response! 🙌 What would you recommend if someone doesn't really want to get too deep into code, is using Bricks, and is only looking for animation features? Thanks again!

[@BrendanOConnellWP]

@@crsmoorei'd rec. bricksforge or motion.page, as you get a nice UI for creating your animation timelines. There are more motionpage tutorials and it works with other builders, bricksforge has loads extra beyond GSAP too but only works in bricks + still has LTD. also brickscore has some animated elements that people find easy to use, but its not full gsap as far as I know + i havent used it. all that being said, you can also use the bricks native interactions and simple css to do a lot of animations without any plugins too