OpenChakra is an open-source visual editor for React • Hacker News Board

We would like to ship a UI editor with our product that lets you define simple UIs that serialize to json/xml but are hesitant because of the effort required and resources at hand.

Re: OpenChakra is an open-source visual editor for React

#15

Post by carlbarrdahl » Thu, Feb 13, 2020, 8:44 AM UTC

With this link you'll get a predefined PH template https://openchakra.app/?ref=producthunt

Re: OpenChakra is an open-source visual editor for React

#16

Post by ggurgone » Thu, Feb 13, 2020, 9:05 AM UTC

statictype wrote: post #14

Is there any toolkit available that lets you build a UI editor like this? We would like to ship a UI editor with our product that lets you define simple UIs that serialize to json/xml but are hesitant because of the effort required and resources at hand.

https://blocks-ui.com is WIP

Re: OpenChakra is an open-source visual editor for React

#17

Post by markoehler360 » Thu, Feb 13, 2020, 9:21 AM UTC

thank you for sharing!

Re: OpenChakra is an open-source visual editor for React

#18

Post by javajosh » Thu, Feb 13, 2020, 9:28 AM UTC

statictype wrote: post #14

Is there any toolkit available that lets you build a UI editor like this? We would like to ship a UI editor with our product that lets you define simple UIs that serialize to json/xml but are hesitant because of the effort required and resources at hand.

I wondery why people don't use SVG to describe their UIs. Then you don't have to invent a new language, worry about serializing, etc. SVG support in browsers is old and relatively stable.

Re: OpenChakra is an open-source visual editor for React

#19

Post by kabes » Thu, Feb 13, 2020, 9:35 AM UTC

kumarm wrote: post #5

malkia wrote: post #4

Other chakras :) - https://github.com/microsoft/ChakraCore and https://github.com/chakra-ui/chakra-ui ;)

Chakra is common Sanskrit word meaning Wheel.

So they're reinventing the wheel?

Re: OpenChakra is an open-source visual editor for React

#20

Post by pxtail » Thu, Feb 13, 2020, 9:52 AM UTC

statictype wrote: post #14

Is there any toolkit available that lets you build a UI editor like this? We would like to ship a UI editor with our product that lets you define simple UIs that serialize to json/xml but are hesitant because of the effort required and resources at hand.

Also take a look at: https://grapesjs.com/