Webstudio - next generation visual development

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • webstudio-community

    🤗 Start Here! Discussions, issues, docs and roadmap

  • Let me show you how an open-source visual development tool will eliminate the design handoff and simplify web development, whether you are building a small landing page or a complex web application.

  • webstudio-landing

    Discontinued Landing site

  • I built this landing site visually in Webstudio Designer, then generated a standalone Remix app, synchronized the data from Designer using Webstudio CLI, rendered the site inside Remix using Webstudio SDK and published it on Vercel as a serverless function. 😅 There is a lot to unpack there!

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • webstudio-builder

    Discontinued 🖌 Webstudio Visual Builder [Moved to: https://github.com/webstudio-is/webstudio]

  • I built this landing site visually in Webstudio Designer, then generated a standalone Remix app, synchronized the data from Designer using Webstudio CLI, rendered the site inside Remix using Webstudio SDK and published it on Vercel as a serverless function. 😅 There is a lot to unpack there!

  • webstudio-cli

    Discontinued ⬛️ CLI for Webstudio

  • I built this landing site visually in Webstudio Designer, then generated a standalone Remix app, synchronized the data from Designer using Webstudio CLI, rendered the site inside Remix using Webstudio SDK and published it on Vercel as a serverless function. 😅 There is a lot to unpack there!

  • webstudio-sdk

    Discontinued 📦 Webstudio TypeScript API

  • I built this landing site visually in Webstudio Designer, then generated a standalone Remix app, synchronized the data from Designer using Webstudio CLI, rendered the site inside Remix using Webstudio SDK and published it on Vercel as a serverless function. 😅 There is a lot to unpack there!

  • stitches

    [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

  • At the moment, SDK is using React and Stitches for rendering, but we look forward to a future where we can render without a framework at all and support all popular frameworks as well.

  • React

    The library for web and native user interfaces.

  • At the moment, SDK is using React and Stitches for rendering, but we look forward to a future where we can render without a framework at all and support all popular frameworks as well.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • foundation

    GraphQL Foundation Charter and Legal Documents (by graphql)

  • I needed to integrate with a custom codebase instead of just publishing the site straight from Designer because I have a signup form that sends data to Notion. In the future, this will be possible using GraphQL bindings, but there will be many other reasons to integrate with a custom codebase, so this is a good proof of concept.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts