Blown away, donation link pls.
Same here! This really inspires me to create something.
OpenChakra is an open-source visual editor for React
51–60 of 77 posts
Re: OpenChakra is an open-source visual editor for React
#52I wish there was something like this for AntD... EDIT: Found something similar for AntD but it's only to create landing pages: https://landing.ant.design/edit/ EDIT 2: Found this also: https://www.xiaopiu.com/editor?type=project&id=5b977bf29c2a3...
While not quite the same thing, and a commercial tool, i've been using Ant for Figma [1] with a designer to prototype UIs before building them out. There are still some rough edges, but it works pretty well. [1] -- https://www.antforfigma.com/
I use that too (well not antforfigma.com, but the sketch files by the AntD team that you can import into Figma).
It's not the same tho. I would love for the designers to just give me code.
Re: OpenChakra is an open-source visual editor for React
#53I have been using chakra ui in production with my company’s latest app. One of the driving factors for the decision was the library’s strong focus on a11y. It’s also just a really well designed component kit with apis and component composition that struck me as very intuitive.
I hope to see it gain more traction moving forward!
Re: OpenChakra is an open-source visual editor for React
#54Earlier quoted context omitted.
Chakra is common Sanskrit word meaning Wheel.
So they're reinventing the wheel?
The wheel is always being reinvented.
Re: OpenChakra is an open-source visual editor for React
#55As 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.
> I have to say I'm thoroughly impressed with Chakra UI. [...] Props to the devs for building this -- the care and attention to detail definitely shows.
I find this quite amusing, since the components were almost all copied from other React component libraries, restyled based on an open source CSS library, and styled-system added for good measure.
The developer has done a decent job of pulling it all together, but credit where credit is due.
Re: OpenChakra is an open-source visual editor for React
#56I have some feedback.
When you add a component, instead of text values being "Lorem Ipsum" how about something that describes what it is, something like:
"Enter Accordion Header Text" "Enter Alert Title" "Enter Alert Description"
I know you probably rushed it out eager to show, and it is great but a few tweaks like this and a bit of shaded block colour on the elements would go a long way.
Re: OpenChakra is an open-source visual editor for React
#57As 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.
> I have to say I'm thoroughly impressed with Chakra UI. [...] Props to the devs for building this -- the care and attention to detail definitely shows. I find this quite amusing, since the components were almost all copied from other React component libraries, restyled based on an open source CSS library, and styled-system added for good measure. The developer has done a decent job of pulling it all together, but cr…
Sooo software?
Re: OpenChakra is an open-source visual editor for React
#58Other chakras :) - https://github.com/microsoft/ChakraCore and https://github.com/chakra-ui/chakra-ui ;)
FTR, OP's OpenChakra is all about chakra-ui (your 2nd link).
Re: OpenChakra is an open-source visual editor for React
#59As 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.
The devs may have props, but how do they handle state?
Isn't that beyond the scope of a layout component library? It's React so you manage state.
Re: OpenChakra is an open-source visual editor for React
#60As 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.
> I have to say I'm thoroughly impressed with Chakra UI. [...] Props to the devs for building this -- the care and attention to detail definitely shows. I find this quite amusing, since the components were almost all copied from other React component libraries, restyled based on an open source CSS library, and styled-system added for good measure. The developer has done a decent job of pulling it all together, but cr…
I think you just described 80% of all React-based projects.
Also the project README states clearly that this is an editor for Chakra UI, unless you were commenting on that library in particular (and not the editor).