Webstudio is the Best No Code Tool - Here's Why

[@theusmabit]

One feature that I really like and that speeds up my work is the ability to run scripts directly on the canvas, to edit gsap animations, sliders with swiper.js without having to publish each change. It's a big help.

[@webflowandcode]

This is possible with the switch “run in canvas” I believe?

[@theusmabit]

@@webflowandcode Yes!

[@waltermelo1033]

@@theusmabit this is something webflow should have :)

[@gdj777]

This and penpot are looking good. An open source stack. Blender is a good example of how far open source can go.

[@tjrowe]

I'm really hoping for Blender type success for these two. Toddle as well on the web app development side once they go open source next year.

[@waltermelo1033]

man, something says.. just my intuition that Penpot will became the "Framer" of open source in some years. I would not let this tool behind.

[@DANNYFIGDESIGNS]

I really appreciate you. I watch a lot of your videos.

[@webflowandcode]

Thank you for sticking with it! Thank you for the kind words.

[@creativemindloveworks]

Thanks a lot! I don’t get it sadly fully, is it a wysiwyg builder? Can I make/see my designs which is translated to code?

[@webflowandcode]

Exactly

[@creativemindloveworks]

@@webflowandcode Can I also do self-hosting and export the code in a good file structure already? And: I dont need to build in Figma first?

[@chicpak3329]

Hey Samuel, Can you post a video on how to perform gsap animations. Every single time you need to perform an animation ,You need to import the gsap cdn on html embed. This method goes complex when you have to maintain large production sites.

[@webflowandcode]

This is the way unfortunately. But once GSAP has been downloaded via CDN the browser caches the file. It’s not redownloading it on each page. You might choose to put the CDN link inside of custom code in site settings if you want it on every page but this puts it in the head. You want GSAP at the bottom of the page so for now embed in a component is our only option.

[@DanGus-yh1bj]

Great video, exactly what I was looking for and current (as of now) I’m making the shift for the pricing reasons, but I’m prolly going to stay because it’s open source and I could run an entire agency team on just this and penpot. Any other tools like these that designers/devs have started embracing?

[@MustafaSheikh]

It also lets you host to cloudflare directly from webstudio . Without having to download the files . Or am I wrong.

[@webflowandcode]

Are you referring to the 1 hosted website that the free plan has to offer?

[@MustafaSheikh]

@@webflowandcode yes and/or unlimited sites in pro accounts. It seems like they're directly hostable via webstudio directly onto cloudflare pages (without having to move to Netlify or others)

[@webflowandcode]

Yeah you can host sites with Webstudio. I can’t confirm where exactly it’s hosted though.

[@julianTrichardson]

What is your take on Framer?

[@webflowandcode]

Search my channel for Webflow vs framer

[@alejandroalarcon9662]

Quick question. If you want to "graduate from Webflow" and dive deeper into web dev, is Webstudio a good step to take or would you be better off (in the long term) by going the OG way (don't know how to call it, but develop the code from scratch in your IDE and manually set-up your stack)? Thanks in advance :)

[@webflowandcode]

Probably Pinegrow is more 1-2-1 with web dev knowledge/no code

[@dominiquedegottex2481]

Are choosing remix over next.js? Never try remix would love to know your opinion on that.

[@webflowandcode]

I’ve not used Remix but have used Next extensively. Sorry I can’t provide an opinion

[@nick90000]

Thanks for the review, looking for a backup builder solution to WP, no CSS grid yet, so will keep it in mind for future. For now Bricks for me

[@webflowandcode]

Grid is there and possible, just no real nice interface for it

[@360Creators]

Great video!! 🔥

[@webguymike]

Definitely intriguing. One thing I'm curious about is how do such projects continue to advance when they are open source? Is it like WordPress where a group of volunteers basically keep it moving onward? Just has me wonder how it can develop over time versus Framer/Webflow, which has really fast dev moments in their growth

[@webflowandcode]

I think initially they need to present a compelling proposition where many people can get behind. If this is weak from the start then it will not survive. It’s the same process for any open source projects. It starts with the foundations, the reason and then the community will decide if that is important enough for it to survive in the long run. People will vote with their contributions at the end of the day

[@webguymike]

@@webflowandcode that's interesting. I never really followed how open source projects grew from the beginnings. Thanks for the insights!!

[@janis8487]

Good video, you introduced me to webstudio and I think about switching now. One small thing I noticed is the missing variables tab from webflow with the global variables as well. I think this might get added in the future though. A very good tool still!

[@webflowandcode]

Agreed. Keep pestering them and I’m sure you’ll see variables soon

[@Fiend404]

webstudio is a complete game changer

[@178rohan]

Did you mean Wix Studio?

[@webflowandcode]

lol. Imagine!