Jonas Arleth

Web designer & Webflow teacher based in Hamburg 🇩🇪
Use my affiliate link to enjoy free Webflow cloneables and tutorials:

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

@leinwand @reillyusa Allan, you’re leaving Webflow? Sad to see you go.

Your dedication to the community and the way you engaged with feedback across social platforms to improve Webflow was always incredible.

Thank you for everything you’ve done, and all the best for whatever comes next!

[Jonas Arleth @jonasarleth]

@eduardbodak @osmosupply I will share more layouts soon 👍

[Jonas Arleth @jonasarleth]

@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.

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

The Smoothest Blur Title Animation in Webflow (GSAP)

https://t.co/AqtfRNMQOo

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

@marvinblach Agency is staying in Stuttgart?

[Jonas Arleth @jonasarleth]

@iammerrick 🫣

[Jonas Arleth @jonasarleth]

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

[Webflow @webflow]

Build anything you can describe with AI code components, now available to all Webflow customers.

Need a pricing calculator? A job board? An interactive quiz? Tell the AI Assistant what you want, and it generates a working code component directly on your page.

It's automatically styled to match your site — fonts, colors, spacing — so it looks right from the start. Then refine it with AI or open the code editor for full control.

And with shared libraries, you can drop AI code components into any site. No rebuilding from scratch.

To celebrate the launch, we’re kicking off a two-week Builder Challenge in our Community Homebase.

The prompt: Generate an AI code component natively in Webflow and share what you built.

That’s it! Every participant is automatically entered into a raffle to win:
- 1 Webflow Conf ‘26 Ticket
- 3, $100 gift cards
- Plus, an opportunity to be featured as a use-case on https://t.co/OtigokXQuA

This is a new way to build for the web — faster, more flexible, and built around your ideas.
→ See what you can build with AI code components: https://t.co/qdaV6GnEl2
→ Enter the Builder Challenge: https://t.co/2A7leNFUvw

[Jonas Arleth @jonasarleth]

@eduardbodak @osmosupply 100 is insane 🤯

[Jonas Arleth @jonasarleth]

@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.

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

In my latest tutorial I cover the full setup: marquee structure, why padding beats gap and how to configure the scroll trigger correctly: https://t.co/6icZeozIGt

Free Template of this project:
https://t.co/1EJBkbf0DB *

* Affiliate Link

[Jonas Arleth @jonasarleth]

@marvinblach The framer CMS updates are very nice.

[Jonas Arleth @jonasarleth]

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

[Jonas Arleth @jonasarleth]

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.

[Jonas Arleth @jonasarleth]

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

[Jonas Arleth @jonasarleth]

@gustavwf Thank you Gustav!

[Jonas Arleth @jonasarleth]

If this sparked your interest, my Webflow courses will set your skills on fire:
https://t.co/J6j9bx22yY

Tutorial of this effect:
https://t.co/ReZa0VX4n8

Free template and preview of this project:
https://t.co/1EJBkbf0DB *

* Affiliate Link