Blocs 6 - Custom Interactions?

I’m curious what custom interactions do for Blocs 6 Plus. Are there any demos for this besides the Mega Menu? Has there been any new features for parallax scrolling or any extra animations that have been added?

They are awesome, you can see what they do here: Blocs Academy - Building Custom Interactions

2 Likes

@Norm

I saw that and it looks great! So nothing regarding parallax scrolling or animations?

Blocs already has both of these?

It has css transition support now so you can create your own animations, but its not After Effects style timeline animation features.

@Norm

Ok thanks for clarifying. I really want to push my sites so they are more visually impactful. Was really hoping for some features that can do what Wix or Framer does.

Just purchased and loving all the new features! Great Job! I’m sure I can make some great use out of the css transitions and also noticed some new features in the class editor. Awesome!

3 Likes

i understand what you mean
you can do same and much more through CSS
also BLOCS is pretty well connected to Tumult Hype
you embed and DONE
Hype Embed | Blocs Store

it CSS cannot do it or if you want to animate complex stuffs: HYPE 4
it is pretty robust,

2 Likes

Hi @SENEK

This is more of what I was looking for.

Examples:

https://the-goonies.webflow.io

https://andyhardy.co

https://www.jomor.design

1 Like

If you inspect those sites you will see a lot of custom implementation that does not occur via a simple GUI but through custom coding and library implementation. The same could be accomplished with Blocs, via the apps entry points or post edit.

Of course with Webflow’s acquisition of GSAP and the coming GSAP GUI within Webflow many things will be through a GUI though until it’s released one cannot tell what other custom implementations will still be required.

Extensive immersive experiences generally are not GUI based as its hard to harness such magnitude of features through simple GUI’s. Coding lives on, AI be damned. :nerd_face: :grimacing:

1 Like

@Blocs_User

I’ve seen some sites where the code can be viewed with CodePen. If there way to copy all the code needed with GSAP included and paste into blocs?

Blocs offers various entry points, but what is required would differ based upon 3rd party usage and implementation requirements. Some things to look up in the Blocs Documentation and use accordingly are as follows:

Classes & ID’s
HTML Bric Code Widget
Page Settings > Custom Code
Page Attachments
Custom Data Attributes
Code Editor
Code Widget
Etc.,

There is no one size fits all as every library and resource will require different things. So users need to know where within Blocs they can input and provide access to those requirements. More advanced things may require implementation post export but then you orphan your Blocs project and have to redo things with each new export.

1 Like

I guess thats now the Code Widget

as @Blocs_User said perfectly it is possible to do it on Blocs BUT BUT BUT (there is a big butt) :smiley:
you have to code…

Blocs is not plug and play as web flow or others
but clearly more fexible and u can manage everything

i am working right now on one of my website with Spline for 3D animations:I m making photogrammetry so 3D models are the basis of one of my job
i was waiting for BLOCS 6 and definitely not disappointed
i restarted everything from scratch

last point, sometimes too much animations kill the XP of the user
this is why right now on AWWWARDS website u see still technical websites but less crazy stuffs
now it is: “less is more”

Custom interactions are great!
I’m trying to replicate Tab Anything Pro with a series of if/then toggle visibility.

It’s easy with 2 links (images).
You can see it in action here. Go down the page where there are 6 logos. The two first show a gallery with images (I don’t have the images yet).

For more, I’m not sure if I have to hide others 5 with nested if or to hide each of them anyway when the cursor is going out. Not sure I make myself clear. But you understand the purpose :wink:.

I’m going to look further into that.

4 Likes

Great work @svimic - I can not wait to start creating and using interactions too!
So you have this on hover - so creating this with buttons/links on click will be easy to create you think ?

Good luck and can’t way to see what you do with it.

1 Like

Easy ? Don’t know. It reminds me building FileMaker Pro scripts :joy:.
Lots of trials and hours of work to make things actually work.

Let’s see :wink:.

1 Like

Yeah ! I bet, but it could be one of those things when we all learn more of what things can do etc then will be great to find new tricks !

I am hoping for some more videos to follow up from Norm later in the next coming months of new ideas etc. It’s like a tool box of unlimited brics when you think of it !

Can’t wait to see what you do too @svimic with it.

We hope to have lots more info an examples in the coming weeks for the interaction builder.

1 Like