Angular: How would you create a Web Based Component Generator?

Problem

We have a reusable library of Angular components, most are GUI based, but not all

We want to create a way so all the available components are shown on the left aside in a list, and be able to drag them to an area that will represent our new component which contains those components. The new component is created as a container of the others.

To get started we ignore the styling in the new component.

Any ideas on how to do this?

Comments

[Saul Burgos Davila]

I would suggest Angular elements

• youtube.com/watch?v=oqle07Ifyoc
• angulararchitects.io/aktuelles/ang...

angular microfronted is called. Each component can have its own version of angular or writen in another framework...

[John Peters]

Thanks Saul, I'll take a look.

[Brooks Forsyth]

Are you trying to make a drag and drop site/component creator that generates the code?

[John Peters]

Yes. I already have the component library. 80% of code would be in components