Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Animations

Hi there ! I have to recreate this page https://scale.com/ and I want to do this hero h1 animation and the logo section animation as well. So if someone knows a way around to make it all work or has a cloneable would be much appreciated. Thanks in advance . And the logo section also becomes as a marquee in mobile breakpoint. @Web BaePlease can I get your guidance on this?

Duplicate form submssions

Hi there! I have a issue with my webflow forms, maybe somebody has faced similar problems already: Issue: I'm encountering duplicate form submissions when using Webflow forms. I've also implemented logic for an HTTP request to our HubSpot CRM. Could this logic be contributing to the issue? Has anyone else experienced similar problems?...

API request for posting form data (Deals/Contacts) to Hubspot CRM

Hi there! Issue: I currently have a multi-step form built with Formly in Webflow. The form submissions are supposed to be sent to our HubSpot CRM as both deals and contacts. However, our existing solution, which relies on Webflow logic, isn't reliable. We encounter issues such as duplicate leads, incomplete submissions, and failed placements. Goal: I'm seeking a more dependable solution that not only ensures accurate data transfer but also allows for error tracking and, if possible, the implementation of a retry mechanism. I've heard about Postman and wonder if it can assist in achieving this....

Hero section with background clipping.

Hi everyone, I have Figma design, that i have hard time wrapping my head around. Ill be really happy if someone is able to nudge me in the right direction for this. I consider myself to be an intermediate at Webflow, but i haven't done layouts this complex before and have been stuck on how exactly i should implement this. Explanation of the problem and a few ideas can be found in the Figma file. Ideally everything should be achieved natively in Webflow....

Matter.js Constraints

I've been trying to work out constraints in matter.js. For whatever reason I can't get them to work on my own and I can't find any examples on the internet that don't come with a heap of other code attached. Right now I have a body that follows to the mouse so that wherever the cursor goes, it will collide with other bodies. My idea is to have the images on my website bounce out of the way a bit when I move the mouse past them. And I think this should be possible by adding a simple constraint between a body with the image on it and a static body to anchor it to the page. all that shouldn't be too difficult if I can just get constraints to happen though 😤 ...

Code Learning

Hello guys! How are you doing? I'm starting learning code a few months after I started learning webflow. And at the moment I'm learning about logic and algorithms, but I would like to know if there is any learning path that you suggest to optimize learning?

Accordion with Auto-close & first accordion open by default

I am trying to build an accordion where the first one is open by default on load and then on clicking on any other accordions to open the one which is opened will be auto-closed. I tried custom build with divs but still missing the auto-close functionality and when I made this using dropdown I got the autoclose functionality but can't keep the first one open using custom code or page load trigger as it affects the autoclose. So if someone knows a way around to make it all work or has a cloneable...

Thank you very much!

Hi everyone, a website I published using the Grid Zoom video as the main "wow" feature of my website has been nominated to Awwwards. I'm posting this as a big thank you to @Web Bae for the tutorial. It took me a while, but putting together the tutorial, plus a video in the center and a blend-mode to the main font in the website has really made it stand out. Thank you very very much for your time and dedication. You can check the result in here: https://www.studiocurva.com/projects It's up for voting on the Site of the Day category which is a very big deal for me and would mean the world to get this recognition. If anyone has an account on Awwwards, or is up to creating one and voting, this is the link of the nomination:...

Image transition while scroll

Hey guys! What's up? Please, does anyone know how to make this Asana's interaction natively in webflow? https://asana.com/pt live link...
No description

Navbar Link disappearing after click

I'm encountering a weird issue that I can't seem to figure out. I have a dropdown portion of my navbar setup to scroll down to sections of my homepage after click. But as soon as the section scrolls into view, the navlink text disappears. The link is still there and clickable, but the text is gone. Originally I grabbed this element from Relume library, but can't seem to figure out this weird formatting. Not seeing anything when looking at diff states or anything....
No description

Finsweet ToC causing problem on iPhones

Hi, I followed Finsweet to make a ToC for a blog. This is the link to the guide: https://finsweet.com/attributes/table-of-contents I'm just targetting H2 for the table of conten. ...

ChatBot Solutions

Hello hope everyone is doing well I just wanted to know what some good support chatbot solutions available out there. I have tried using elfsights chat widget but now its expired before buying from them wanted to explore a few other options, I wanted to implement it on client website. Any recommendations @Web Bae

Responsive SVG bodies of different widths (Matter.js)

I'm following along with the "Matter.js with Responsive SVG Bodies" tutorial but I want to have a number of different bodies all with different sizes (rather than just a constant width of 100px) to respond to the viewport. It presumably shouldn't be too hard to achieve but I'm finding the Matter.js documentation impossible to parse (I am still a beginner to JS in general). Currently, to get multiple different bodies and have them spawn in different locations, I have a for loop that creates each body one by one, inserting the correct x and y position each time — one of the solutions I've been playing around with similarly involves adding two extra variables for SVG width and height, manually filling those out, and then working the scaling out from there. Preferably though, it would be best to get the width with body.bounds for each SVG just as in the tutorial....

CMS irregular grid ('another one' - drake voice)

Hey Webbae! New here and wanted to kick off with a question as I'm scratching my head on this one - very new to low code so bear with me! A client of mine is pretty adamant with the grid style and text overflow situation https://www.s2victor.com/ I need this to be a part of a CMS so really not sure how to go about it......

Webflow app

Getting this zsh: command not found: webflow error when trying to initialize Webflow app. Anyone else facing this issue ? @Web Bae

How much code is too much code? - Webflow

Heya! I'm working on a Mapbox integration with Webflow. My custom code sits just below the maximum characters. Would hosting (then importing) my JS script be a better approach? Either for faster render speed or just for good practice? Cheers Folks...

Hollow Matter.js SVG

Hey @Web Bae I followed through your "Matter.js with Responsive SVG Bodies" tutorial, thanks by the way. In it you noted that you didn't get SVGs with holes in them to work like the letter O. I'm just wondering, is there any way to get this to work? I haven't really found anyone on the internet addressing it. Spent the past couple of hours trying to think of ways around it to no avail. Thanks :)))...

Grid Zoom Help

Hello @Web Bae . I followed your tutorial and it 100% worked. Ended up going back and forth with the clonable Webflow until I understood what was going on. Thanks a lot, it is absolutely what I was looking for. I'm facing a new issue where I'd like to use it in 4 different sections of my page. I've been able to play around and got this result: https://www.loom.com/share/82d1c175af2b41d8969adbe9968dba65?sid=a6aa1f64-da31-4565-b2c2-4adccfdfc3b6 ...

Irregular grid using 1 CMS collection

Hey there! Does anyone know how to achieve this irregular grid with a single CMS collection? https://www.ordinaryfolk.co/...
No description

CMS Nest with Multi-Image field

Hey there! I am trying to use the CMS Nest from FnSweet, adn I had followed your tutorial among others, but I am not able to nest a Collection list using the Attributes since you are not able to link a "current page" link inside of multi-image fields/collections it just provides you with a blank page like the photo. Would anyone have any suggestions, I have tried almost every variation of this but nothing propagates or its the wrong set on the page...
No description