Live data from Hacker News

OpenChakra is an open-source visual editor for React

openchakra.app

21–30 of 77 posts

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

#22

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.

Because using SVG for user interfaces is bad for accessibility (e.g. for users who rely on screen readers)

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

#23

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 WIP: https://github.com/edtr-io/edtr-io/. Focuses on defining an easy-to-use editor with constraints for content

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

#24
post #22

Earlier quoted context omitted.

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.

Because using SVG for user interfaces is bad for accessibility (e.g. for users who rely on screen readers)

Valid point, but how many people actually pay attention to this in the alternative solutions.

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

#28
post #3

As an engineer who works on design systems for a living, I have to say I'm thoroughly impressed with Chakra UI. Its implementation is refreshingly simple and support for generally overlooked things like color theming and responsiveness is generally really well done. Props to the devs for building this -- the care and attention to detail definitely shows.

Thanks for your feedback! We try to keep the app simple and clean but with strong details and ux

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

#29
post #24
post #22

Earlier quoted context omitted.

Because using SVG for user interfaces is bad for accessibility (e.g. for users who rely on screen readers)

Valid point, but how many people actually pay attention to this in the alternative solutions.

Well, Chakra does.

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

#30

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 think https://www.webiny.com/ lets you add your own react UI components
Post reply on HN