This week's amazing website showcase is Lando by Off Brand - a Webflow masterpiece with absolutely stunning WebGL animations and Three.js effects that will blow your mind!
Created by the incredibly talented Federico, this site features Daft Punk-style typing effects, a magical WebGL calendar, and buttery smooth scroll animations that showcase what's possible with modern web technology. We break down the GSAP animations, Rive integrations, and why even with some UX concerns about scroll hijacking, this represents the cutting edge of creative web development that every designer and developer needs to see!
Unlock the full potential of your online presence with Kabarza and Samuel—experts in web design and development (respectively), powered by cutting-edge AI solutions. We blend creative design with advanced tech to deliver smart, high-impact websites that stand out. Ready to elevate your business? Contact us today and see what AI-driven innovation can do for you!
Kabarza: https://kabarza.com
Samuel: https://samuelgregory.co.uk
—
TIMESTAMPS:
0:00 - Website That Feels Like MAGIC
0:26 - Daft Punk Typing Effect
0:51 - The Scroll Hijacking Debate
1:19 - WebGL Calendar Breakdown
1:45 - INSANE Image Effects
2:11 - Why This is So Smooth
2:58 - Tech Stack Revealed 🔧
3:02 - What is "CMD + AI"?
—
LINKS:
📷 Instagram: https://www.instagram.com/cmdaishow
—
#WebDesign #WebGL #ThreeJS #Webflow #CreativeCoding #WebDevelopment
Transcript
every week a website that I believe uh like makes the the news or people talk about it or it's just good maybe we can show it and this is one of them made by uh off-brand like it's a web flow agency they are super creative and talented and the guy behind u this is also important like the the guy behind these effects and animation um Fedrico uh so he also has like a GitHub, like a really nice GitHub that I started like follow and see like what I can learn from him. But yeah, he does this magic. Now, type disco just on your keyboard type by the way. Yes, it is. It is amazing. Wow. It's like um Darth Punk. Yeah, it's really cool. So, if you scroll down, you see like So, that's the problem with these websites. There's no indication to scroll down. on. I would never have scrolled down. No, I don't know. You would scroll down. You like people scroll down on websites. No, no, no. That's the That's the big UX boo that is, I reckon. I would never. Anyway, well, these are like creative websites. Anyway, so if you scroll down, you get uh a WebGL calendar of sorts. It's It's quite impressive how smooth everything feels like. It's really performant. I don't like the scroll hijacking. I've never liked scroll hijacking. These the um helmets are well cool. Yeah, this is from the maiden with GAP library. At least that like I recognize the the pattern. I'm not sure if they use that. If you scroll down, h that is also super cool. You see, did you see that image effect? Yeah, this is like super nice also like the how it came to be. A lot of um a lot of painstaking staking hours would have gone into Yes. Yes. I mean like you know you look at that. Ah this this is so so freaking smooth. Yeah. Very cool. Yeah, super cool website and Fedrico, he's he's the man. He's just like insane. He's crazy cool website. Um, this is built on web flow and obviously there are some 3D with 3JS and WebGL and they are using Rive. So, some of the animations, I don't know which ones specifically, but there are some RIVE animations. But it's easy. If you want to go and like check it, you can um you can find out which ones are made with Rive. Yeah. All right. No, it's very cool. Yeah. Nice. This is part of a larger conversation on my show, Command AI, which we stream live every single week. We discuss the news and all things related to AI in the world of design and web. Catch us next week and join in the banter.
Cmd+ AI