Very cool. Are you familiar with plasmic.app? I'm expecting to integrate it into my next site build and would be curious for your take having built something in the same general category.
[deleted]
Show HN: Puck – Open-source visual editor for React
61–70 of 105 posts
Re: Show HN: Puck – Open-source visual editor for React
#62Is anyone here who has shifted exclusively to visual react builders ? I have been writing react since version 0.11 and am considering shifting to a visual for day to day development.
[deleted]
Re: Show HN: Puck – Open-source visual editor for React
#63minor:
maybe the HN post title should mention the name of the project "Puck" for future discoverability
Re: Show HN: Puck – Open-source visual editor for React
#64Probably ia cliche now but ...
Have you considered integrating an LLM to expand the functionality?
Based on some recent experimentation I was able to get some fairly complex React UI and behavior out of a pair programing session ... without having a lot of React experience and skill myself. Seemed ripe with potential.
Re: Show HN: Puck – Open-source visual editor for React
#65Really cool!
Re: Show HN: Puck – Open-source visual editor for React
#66Awesome. I've literally been tasked with building something exactly like this, and it's a pain in the ass nothing exists like this for Vue so I have to do it from scratch. I plan to make it more like builder.io/demo however where CSS can be arbitrary, that way basic landing pages can be built. Do you have any tips of things you wish you did differently, or what was more painful than you expected, as well as anything…
It's such a common problem, I'm amazed there aren't more solutions out there. A sound data model really helps things out. I'd go API-first. Drag and drop is a PITA. Specifically multi-column layouts, which require nested dropzones and a bunch of "intuitive" UX. A good library can help here, but not do everything (we're using react-beautiful-dnd which is a bit out of date - dnd-kit might have been a better shout). Thi…
Are there more details on the data model? I'm actually building something like this but not for React, so it might be useful to reuse the data model as you say.
Re: Show HN: Puck – Open-source visual editor for React
#67How does this compare to https://www.plasmic.app/ ?
Looks like we have the same question.
Re: Show HN: Puck – Open-source visual editor for React
#68This looks great. I would love to be able to use this to create UIs if it were to support integration with GraphQL data sources.
Re: Show HN: Puck – Open-source visual editor for React
#69Awesome. I've literally been tasked with building something exactly like this, and it's a pain in the ass nothing exists like this for Vue so I have to do it from scratch. I plan to make it more like builder.io/demo however where CSS can be arbitrary, that way basic landing pages can be built. Do you have any tips of things you wish you did differently, or what was more painful than you expected, as well as anything…
Plasmic.app works with vue - why not just use that?
This was what I said previously, which I'm assuming plasmic doesnt do:
> Does it allow embedding in an actual app? Thats the problem I have with these is they all require some weird form of going to their domain. I need the editor (AND the rendered page) to be 100% on my own domain. I wish they had some editor as an open source library and id just pay to have an API key or something
Re: Show HN: Puck – Open-source visual editor for React
#70Looks neat! Do you consider adding input elements? (forms,wizards..) if so it will be my goto platform!