Webstudio is an open source website builder that allows users to create and manage websites with full control over CSS properties and values. It supports integrations with various headless CMS and offers cloud hosting options.

Webstudio

Webstudio | 1,505 followers on LinkedIn. Advanced Open Source Website Builder | Webstudio is a visual development platform that allows you to build responsive websites and web applications without writing code. It combines the power of traditional coding with the simplicity of visual design tools, enabling designers and developers to collaborate seamlessly.

Create complex layouts, add interactive elements, integrate external data sources, and more - all through an intuitive drag-and-drop interface.

Building webstudio.is

Oleg Isonen

Grow Hacking for SaaS

Artjom Pestov

Bogdan Chadkin

Creative WordPress Developer | Website Design & Development Specialist | Passionate About Delivering High-Quality Digital Solutions

Mehedi Hasan

Craft v1.0 is live — a new standard for building with Webstudio. It allows you to eliminate the learning curve when switching between Projects. It contains: - CSS vars - A style guide - Tokens - Guidelines Craft makes building websites fast, flexible, and reusable. https://lnkd.in/gGvd7f5N

Paste CSS from anywhere into the Style Panel! - Import all your CSS variables - Copy styles from Figma and Penpot - Copy styles between Webstudio Tokens This is now the 3rd source you can paste in, joining Markdown and Webflow. More ecosystem compatibility is yet to come! https://lnkd.in/gVU-PkZe

The problem with low/no code tools #uiux #uidesign #nocode

Gary Simon

CSS variables are live and they are POWERFUL. ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

https://lnkd.in/g_J6Vfha We think that Parametric Design on a Visual Canvas and AI is the future of no-code. Throughout history, we have kept redefining what no-code and visual development mean, and here is our vision of it.

We just added publishing to staging! - Test it on different devices - Share it with your team - Get approval from your client Publish to the default subdomain or any custom domain and see a preview of the site that is 100% identical to production.

Webstudio is growing! Just in September - 9k publishes this month - 5k new projects created - 2.7k signups - 140 custom domains added https://wstd.us/growth

New shortcut! Open the current page's setting with option/alt + click. This is a lot faster than going to pages and opening it there.

Custom fonts are killing performance, but what can we do about it? There is a way - it's called Modern Font Stacks. No Downloads, no layout shifts, no flashes - just instant renders. Now, in Webstudio - learn all about it https://lnkd.in/gf_hzaTK

Learn how to build a frontend for Baserow with Webstudio. The video covers building a directory, implementing filters, and scaling your programmatic SEO. https://lnkd.in/gc_iK2QP

WEBS

IS:WEBSTUDIO

Webstudio