Supasaito

🎬 New video just dropped on Supasaito Academy’s YouTube channel! In this new tutorial, Francesco shows how to recreate an award-winning website animation in Webflow — using only native interactions, and without writing a single line of code. But it doesn’t stop there. This approach not only reproduces the original animation, but takes it even further: ✅ Works seamlessly with Webflow CMS ✅ Handles images with any aspect ratio ✅ Is fully responsive and easy to reuse In this video, you’ll learn how to: Dynamically control transform origin with combo classes Animate images based on their scroll position (both from top and bottom) Combine interactions, layout logic, and a bit of math to unlock advanced behaviors Use CMS bindings + custom attributes to power a dynamic version of the animation 🎥 Watch the full tutorial now: https://lnkd.in/gT2XyUVt Built entirely in Webflow. Explained clearly, step by step. Whether you’re a beginner or an advanced user, this one’s for you. #webflow #nocode #webdesign #madeinwebflow #supasaito

🚀 New tutorial alert! Looking to build a horizontal masonry layout in Webflow — with no code, full responsiveness, and accessibility in mind? In this video, Francesco Castronuovo walks you through: ✅ Structuring the layout using Flexbox ✅ Making it fully responsive across breakpoints ✅ Adding semantic HTML and ARIA attributes for accessibility ✅ Enhancing the experience with GSAP staggered animation ✅ Applying the layout to a CMS Collection List Inspired by a classic CSS-Tricks solution and adapted 100% for Webflow — no custom code required. 💡 If you’re building visually dynamic layouts in Webflow, this one’s for you. Let us know what you think in the comments! #webflow #nocode #madeinwebflow #accessibility #supasaito

🚀 Learning just got easier. And smarter. At Supasaito, we’re working on something new to make your learning experience smoother and more effective: structured learning paths. Instead of browsing through individual courses, soon you’ll be able to follow curated paths tailored to the tools and skills you want to master – step by step, from beginner to pro. Whether you’re diving into Webflow, exploring no-code automation, or sharpening your Notion skills, each path will guide you with purpose, helping you learn faster, better, and without the overwhelm. We’re excited about what’s coming, and we can’t wait to share it with you soon. 👉 What kind of learning path would be most helpful for you right now? Let us know in the comments – we’re building this for you. #nocode #webflow #automation #SupasaitoAcademy

🚀 New tutorial alert! Looking to add a clean, dynamic hover animation to your Webflow project? Inspired by an award-winning website, we’ve recreated a beautiful hover effect using Webflow interactions and a sprinkle of custom code — all explained step by step. Inside the tutorial, you’ll learn: ✅ How to set up a dynamic CMS-driven hover animation ✅ How to build smooth animations using Webflow’s native interactions ✅ How to achieve advanced hover effects without any code ✅ When adding minimal JavaScript can help you push things further ✅ Best practices for structuring interactions clearly in Webflow The best part? You’ll see how this effect works both with and without custom code, so you can choose the approach that best fits your project. 🎥 Watch the full tutorial here 👉 https://lnkd.in/gHK_-ZEa Happy building from all of us at Supasaito! #Webflow #MadeInWebflow #NoCode #JavaScript #WebDesign

🚀 Build your first Webflow landing page in just 1 hour! 🚀 Starting from a blank page can feel intimidating, but what if you could go from zero to a fully functional landing page in just one hour? No stress, no confusion—just step-by-step guidance. Here’s exactly what you’ll build in my new course for Supasaito Academy 👇 ✅ Fully responsive ✅ Built with Webflow’s native components ✅ Perfect for beginners—no prior experience needed 👉 Check it out and start building today: https://lnkd.in/g2C-yfRX What’s been your biggest struggle with Webflow? Let us know in the comments! 👇 #Webflow #NoCode #WebDesign #SupasaitoAcademy

✨ Bring your Webflow designs to life with a glowing hover effect! ✨ In our latest YouTube tutorial, we explore a no-code approach to creating an eye-catching glow hover animation using move & scale transforms, the blur backdrop filter, and Webflow’s custom properties. 🚀 Here’s what you’ll learn: ✅ How to use move & scale transforms to add depth ✅ How the blur backdrop filter enhances the glow effect ✅ How to leverage Webflow’s custom mask properties for advanced design tricks ✅ How to bring everything to life with Webflow interactions & animations 🎥 Watch the full tutorial now! 👉 https://lnkd.in/gSN5_cXP Mastering small but powerful animations like this can elevate the user experience and make your designs more dynamic and engaging. Give it a try and let us know what you think! 💬 #Webflow #NoCode #MadeInWebflow

🎉 New Course: Build Your First Webflow Landing Page in Just 1 Hour! 🎉 Getting started with Webflow can feel overwhelming—but it doesn’t have to be. That’s why we created Webflow Landing Page (First Steps), a beginner-friendly course that walks you through building a fully functional landing page in just ONE hour. ✅ No prior Webflow experience needed ✅ Step-by-step guidance using Webflow’s native layout library ✅ Learn how to structure, design, and launch a page from scratch ✅ A cloneable final project you can use right away This is the perfect starting point if you want to stop overthinking and start building. By the end of the course, you’ll have a live landing page without spending days figuring things out. 🎓 Get started now → https://lnkd.in/g2C-yfRX What’s been your biggest struggle with Webflow as a beginner? Drop it in the comments! 👇 #Webflow #NoCode #LandingPage #WebDesign #SupasaitoAcademy

🚀 Webflow’s pricing plans, explained like you’re 10 years old! Webflow’s workspace plans are powerful, but let’s be honest—they’re not exactly the easiest thing to understand. 🤯 That’s why Francesco Castronuovo, our Chief Product Officer at Supasaito, created a fun and simple way to explain them—as if he were talking to his hypothetical 10-year-old daughter. No jargon, no confusion—just an easy-to-digest breakdown that’ll help you finally make sense of site plans vs. workspace plans. 🎥 Watch the video now! 👉 https://lnkd.in/gv8USGHr What’s the most confusing part of Webflow’s pricing for you? Let’s talk in the comments! 💬 #Webflow #nocode #MadeInWebflow

🚀 New Webflow Tutorial Alert! Ever wanted to create a glitch logo animation in Webflow without writing a single line of code? Now you can! In our latest YouTube tutorial, our Francesco breaks down a completely no-code approach to building a glitch effect using Webflow’s interactions and CSS filters. No custom code, just pure Webflow magic! ✨ What you’ll learn: ✅ How to structure the glitch effect ✅ How to use filters to create the glitch effect ✅ How to animate it on hover ✅ How to add continuous glitching motion 🎥 Watch now! 👉 https://lnkd.in/gqVtAmTJ Let us know what you think in the comments! #Webflow #NoCode #MadeInWebflow #Supasaito

🚀 It's official: Our Webflow Landing Page course is launching NEXT WEEK! 🎉 If you’ve ever felt lost when opening Webflow for the first time, this course is for you. We designed a step-by-step learning path to help complete beginners build their first landing page with Webflow’s native layout library—without the overwhelm. 🔹 No prior experience needed 🔹 Learn structure, animations & SEO fundamentals 🔹 Follow along and build a real landing page It’s the easiest way to get started with Webflow, and we can’t wait for you to try it! 📅 Mark your calendars—next week is the week! Who’s excited? #Webflow #NoCode #WebDesign #LandingPage #SupasaitoAcademy