Jonas Arleth

You can now build 3D orbit animations in @Webflow with the new @GSAP interactions! And it’s insanely easy! Something that wasn’t possible before: with just 2 action steps, you can change the perspective of child elements and create really interesting shapes like this! Part of my #webflowchallenge NOVA build.

@marvinblach I almost always use the CMS plan. 2$ is fine for me. Code components testings are very promising. It probably gets even better after Webflow conf. I think I can build many custom Claude Code stuff directly in Webflow now.

New Webflow Pricing, what are we thinking?

It’s similar to other vibe coding tools. the functionality comes together quickly, but the refinements are repetitive and time-consuming. You end up writing prompts like: Change the label color to this, apply the same styling on this page as well, or Make the button icon smaller. That last 20% is where Webflow could really stand out if you could fine tune the generated elements directly in the Designer afterward.

@jonasarleth Let me know how it goes. I’m doing that later.

Working with Webflow Code Components for the first time right now. I’m building a 4-step quiz for a client with dynamic matching results. The client can assign points to each answer via the component, which are then used to calculate and match 6 different outcomes with percentage indicators. And honestly: the AI Assistant is surprisingly competent when it comes to understanding requests or change requirements. It genuinely feels similar to working with Claude on code projects. And I’m doing everything in German right now.

The Smoothest Blur Title Animation in Webflow (GSAP) youtu.be/lrNysQw2fG4

Ever tried to animate blur in Webflow's GSAP interactions and realized the property just isn't there? There's actually a simple workaround that opens up a whole new range of animation possibilities. Instead of animating the blur filter directly, you can use combo classes with CSS transitions and toggle them on and off through GSAP's set action. What makes this approach so powerful is that it's not limited to blur. You can apply the same pattern to grayscale, invert, saturate, or any other CSS filter that Webflow's @greensock UI doesn't expose natively. In my latest tutorial, I combine this with a staggered title reveal, container queries for responsive scaling, and an infinite loop to create a premium looking hero animation you can drop into any client project.

@marvinblach Agency is staying in Stuttgart?

I am selling my apartment in Stuttgart, Germany because I am moving to Switzerland. Here are some facts about it: - 76 sqm, ceiling height 2,8m-2,9m, 3.5 rooms + balcony - floor heating everywhere - hard wood floor or slate floor - double glass windows - electric from 2015 - 1 min to U12 U-Bahn (you can go into the city center in 5 minutes) - awesome Rosensteinpark 5 minutes by foot - easy and fast way out of the city - you have everything you need close by You can buy directly from me no Real Estate Agent involved

@iammerrick 🫣

@jonasarleth Me too. 😉

Really hoping Webflow Conf brings the ability to edit elements inside Code Components directly in the Designer 😊

@eduardbodak @osmosupply 100 is insane 🤯

000/100 Buttons. Crafting 100 Buttons with @osmosupply Will be sharing daily from now on about how we craft this and how much time actually went into it. Most important thing on crafting so many different Buttons. The right Inspiration. I could go on Awwwards or other sites, look there at some button animations and build something on that base. With that I would just do buttons like we can see everywhere else. That’s not the goal. So the Inspiration should be more than just Websites with buttons. Motion Videos. Games. Movies. Anime. Series. And maybe more by just going outside. It’s also something you can’t find in one or two days. It’s something you build up from time to time. A topic like Circles, Water, Sport, Technic and so on can also help to do something in different directions., Looking at stuff there, how things move and somehow translate it in the animations. Sometimes the animation on a button is the base on the overall motion system. It’s an important part of a site. It can also have animation which can also be used on links. Making that one feel right can enhance the complete experience. One inspiration for example is the Osmo site itself. There is a lot of motion which can be translated to a button interaction in some ways. I recorded all the motion which can be somehow used maybe. So I start to build some Osmo based buttons 🤓 But first I need an environment. ⏳ Total time: 2h

@aurischibli I talked about it in the video and I already recorded a tutorial with the css solution but I wanted to deliver a nocode solution with GSAP as well. But the CSS marquee is maybe a bit more elegant.

@jonasarleth I’ve seen more and more css only marquees. Don’t they work better?

Most Webflow designers still set up Marquee animations wrong. The common mistake: using a page load animation. That means it runs in the background the entire time, even when the user has scrolled far past the section. That puts unnecessary load on the GPU and CPU. The smarter approach is a scroll trigger. You start the animation when the element enters the viewport, and pause it when it leaves. The new GSAP Timeline in Webflow makes this cleaner than ever. No custom code needed.

In my latest tutorial I cover the full setup: marquee structure, why padding beats gap and how to configure the scroll trigger correctly: youtu.be/CeZdiL58GV4 Free Template of this project: try.webflow.com/vyro-template * * Affiliate Link

@marvinblach The framer CMS updates are very nice.

When I see what Framer is doing with their CMS as a non-enterprise solution then I have the feeling that the Webflow CMS is very far behind. (framer.com/updates/cms-3.0) I am really locked into Webflow, but the CMS needs a complete revamp in terms of UX imo.

@marvinblach I actually thought about Liquiflow while designing this product teaser 😀 Maybe an interesting product demo for a Shopify build.

@jonasarleth very cool!

Building a 360° rotating product demo inside Webflow with no 3D tools, no complex setup. In part 3 of the outdoor brand series, I’m showing how to combine a clean two-column hero layout with an AI-generated product animation to create a high-end visual effect that works in real client projects. The process is simpler than you’d expect.

@_kishan1 This series wasn’t planned, but after the first layouts, the vibe just kicked in 😀

@jonasarleth Cooking with this series 🔥🔥

@gustavwf Thank you Gustav!

@jonasarleth This is so awesome

If this sparked your interest, my Webflow courses will set your skills on fire: formburg.com/en/courses Tutorial of this effect: youtu.be/qIHXkeAFUTc Free template and preview of this project: try.webflow.com/vyro-template * * Affiliate Link

@UebersaxSamuel Absolutely 👍

@jonasarleth yes. best practice. 👆

Do you use Google Fonts but need to self-host them in Webflow because of GDPR? Downloading them normally gives you full font families in TTF — great for local use, not for the web. Use Google Web Fonts Helper instead: – Pick only the styles you need – Download directly in WOFF2 – Skip the conversion step Upload to Webflow → done.