-
onlook
The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code.
Thanks!
For monetization we'd like to keep the editor free for people to use and may monetize through add-on services like hosting. The way I like to think about it is that we may monetize on convenience points but keep things open-source so if you wanted to do things custom, then you can if you'd like.
On the video – thanks for the note there! We can certainly show it to do something more detailed as well than just a background color change. The good thing is that any designs done with Onlook still go through the usual code review process for any project, so hopefully people won't accept non-compliant design changes. In the event that they do, it'll be easier to fix things with Onlook.
On the lines of keeping things compliant with design systems, I'm excited about our ability to surface design tokens from a codebase, so users can always be sure they are selecting the right colors in the right scopes. That's something we still have yet to tackle, but have an open issue for:
https://github.com/onlook-dev/onlook/issues/49
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
> I don't want to step on your toes by linking my own project
Not at all, it's in good spirit! Happy to talk through any technical details from my side :)
> though if you try to listen for those changes with a mutation observer, it won't fire
It doesn't have to fire an immediate mutation imo. When you click on an element to edit, you could inject a data-attribute into it (not sure if the Chrome Devtool let you do this but an extension might). At write-time, you can query the elements that were marked, get the delta and write it to code.
You might've thought of this longer than I have so I think that might be a naive solution.
> can then be transpiled into any framework the user wants
You might be interested in Mitosis https://github.com/BuilderIO/mitosis
-
The POC for this was actually done in Svelte so it can be done again in the future [1].
We had to focus on React for various reasons [2] but I'd really like to support Svelte again
[1] https://github.com/onlook-dev/chrome-extension/tree/main/plu...
[2] https://news.ycombinator.com/item?id=40904862
-
webstudio
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
Love seeing more innovation in this space! I know Oleg (former Webflow eng) has been working on https://webstudio.is for a while; also open-source and visual editing for React apps. How does Onlook compare?
