I'm thinking of building a no-code framework. The idea is a bit crazy and I'd love to hear your thoughts.

The goal is simple: to make it easy to embed visual web builder into any web product. Actually it doesn't have to be limited to pages, you could edit single components, parts of pages, etc. So it's kind of like WYSIWYG text editors (TineMCE, CKEditor) but for web layouts.

But I don't like the idea of general-purpose builder that is based around HTML/CSS (like Webflow). I feel it'd be just too hard for most people to use, there's no abstraction. Look at Squarespace - each block has limited amount of styling options and it makes it foolproof and user-friendly.

That's where the framework part comes in.

What if instead of having a general-purpose editor you had both editor AND the framework? With framework you could use code to build your own "no-code components". No-code component would be a React component but with some extra properties that define its visual editability in the editor (fields, slots for subcomponents, styles calculation etc)? And editor would know how to handle no-code components and provide all complex editor logic out of the box (drag&drop, collaboration, history, basic fields, etc). I see it as a true visual building primitive for web.

This architecture would allow developers to build their own simple and highly themeable Squarespace-like blocks. Blocks could be open source. Interoperable between implementations, etc. Blocks could have different levels of simplicity. Could be for advanced users and for less advanced users, etc. And each product team could make their own decision which components are allowed.

What do you think?