Hello @webflow people 👋
I built an webflow extension (Tvari) that converts HTML/CSS into native webflow elements & styles.⚡
Paste your code → get structured layouts.
It’s been a long time in the making.
I’ll be sharing more about it very soon.🚀
#Webflow #BuildInPublic #Tvari
Timothy Ricks is (famously) not on X, but he made a video about the current state of @Webflow vs AI - and I was very happy to hear him mention Ship Studio 💪
https://t.co/NvGMtKYisS
Well, I have big news - https://t.co/rZI76XBJ2c is officially open source 🎉
Ship Studio began as nothing more than a better terminal for my own workflow.
Then i shared it with some people, published it, and since then, it's grown quite a bit. today, hundreds of people depend on the tool to build for their clients.
I am so proud of that, and I am sure I could capitalize on this... but I've decided some things are more important than money.
You see... when a tool is for-profit, it will do what it needs to do in order to survive - including, changing directions and leaving you behind.
I don't want Ship Studio to become another 'them'.
I've seen how such an amazing community can be built around a tool - and I think the community who builds the tool, deserves to own the tool itself.
And that's why Ship Studio is no longer mine - it's ours.
It's time for us, the community, to join forces and build the tool we need.
Welcome home 🖤💚
I've been using Ship Studio for the past few months and it's been a GAME CHANGER.
On top of that I've gotten to know Julian over the past few months as I've shared feedback on Ship Studio.
Not only is he a great guy, but I don't think there's a better person who could be building Ship Studio right now.
I love the vision he has for the product and more importantly the community around it.
Don't sleep on @shipstudio_app!
Along with that, the Ship Studio desktop app will soon become open source - because our community deserves a workspace which is built in OUR best interest - not just in the interest of driving profit for other people.
Introducing SubQ - a major breakthrough in LLM intelligence.
It is the first model built on a fully sub-quadratic sparse-attention architecture (SSA),
And the first frontier model with a 12 million token context window which is:
- 52x faster than FlashAttention at 1MM tokens
- Less than 5% the cost of Opus
Transformer-based LLMs waste compute by processing every possible relationship between words (standard attention).
Only a small fraction actually matter.
@subquadratic finds and focuses only on the ones that do.
That's nearly 1,000x less compute and a new way for LLMs to scale.
🚢🚢🚢DevLink Export is now GA. DevLink connects designers and developers through a shared component system via the @webflow CLI.
Export to code: webflow devlink export
Import to Webflow: webflow devlink import
Let's dig into how your whole team, and AI agents can work with Webflow CLI.🧵
🚢🚢🚢This is huge - don't sleep on this one. @webflow AI Code Components are here!🤖
Starting today, AI can build code components for you. Developers, designers, and marketers can now generate reusable, on-brand components directly inside @Webflow with the AI Assistant.
https://t.co/z8rNz9AJjp
Career hack - Constraints breed creativity. Limits force focus, clarity, and better decisions. When resources are tight, priorities get sharper and solutions get smarter. Don’t fight constraints, use them to prioritize and make even more impact than expected. 🙏
Collaborated with Double Play on the new Champions for Good site. Helped with some web animations and details.
Here are some of the highlights from the site. (My favorite part is those stick figure animations. They’re just awesome 🤌)
Working with sound was completely new for me. We added this feature later on, and I hadn’t done anything with sound on the web before.
Bringing sound to a button. Ambient sounds that fade in and out while scrolling. Sounds for card swipes. Sounds for stickers on click. Sounds that get louder when your mouse is near an element.
I didn’t have the best solution for everything, but now I know which mistakes I won’t make next time working with sound 😃
We also used some @osmosupply resources:
- Flick Cards Slider
- Stacked Cards Slider
- Dynamic Custom Text Cursor
I also adjusted them with sound, different behaviors on mobile, and other tweaks.
And a @madewithgsap resource:
- 020 Mouse Move
I adjusted that as well. Tweaked the animation easings, changed how many cards are shown on mouse move, and fixed a small issue where cards moved way too fast if you quickly hovered out of the window and back in. I clamped the movement to keep it under control.
All in all a great team behind this site 🎾
More details on some elements coming soon!
Design: @SamuelSiebler
Development: Jakob Wiemer & Me
Motion: Pol O’Callaghan & Sha Sanchez
Copywriting: Paul Adolphs
Check out the live site! 🔗 in the comments.
1/ Today in @webflow eng all-hands, the topic of how to help grow junior devs in the age of AI came up and we got some really good insights from the team.
Sharing snippets for others to benefit from it too 🧵
You know what kills your site performance?
Rendering 3000px of content when the user can only see 900px. And there is an easy fix for that.
It's a magical CSS property
content-visibility: auto.