Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Puck – Open-source visual editor for React

github.com

Post reply on HN
Print view View original

81–90 of 105 posts

Re: Show HN: Puck – Open-source visual editor for React

#81

Post by showerst »

Exuma wrote: post #6

Awesome. 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…

Take a look at grapesjs -- it's a bit janky in places but it's self hosted and overall works pretty well. It can output plain HTML so I think it could be integrated with vue.

Re: Show HN: Puck – Open-source visual editor for React

#82

Post by [deleted] »

btown wrote: post #75

This is really slick! A really fluid and intuitive interface. We use https://react-page.github.io/ (also MIT licensed) extensively at my startup; it attacks the same problem, and it's been incredibly effective (and hackable!). Generally speaking, owning your own CMS data, in your own database, with a well-documented JSON data format, and adding the ability to take any React component you've written (that itself may i…

[deleted]

Re: Show HN: Puck – Open-source visual editor for React

#83

Post by chrisvxd »

yaaang wrote: post #80
chrisvxd wrote: post #76

Earlier quoted context omitted.

Puck is focused on providing a solution for non technical folk to build on-brand web pages with their team’s existing React components. This enables them to build web pages with guard rails that respect their brand guidelines. Plasmic is a no-code tool for building websites and applications from scratch. A great solution for a different problem.

Hi! I work on Plasmic. Plasmic's most common use case is actually the same one, letting content editors build pages in your existing website using your React components. Congrats on this release! We are actually open sourcing Plasmic soon, would love to discuss any possible ways to collaborate.

Oh that's fantastic. I wasn't aware and applaud the decision to go open source.

Happy to discuss/collaborate. I'm @chrisvxd on GH/Twitter, and here's my LinkedIn: https://linkedin.com/in/chrisvilla/

Re: Show HN: Puck – Open-source visual editor for React

#84

Post by chrisvxd »

wbarber wrote: post #57

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.

Yes, but turns out I don't know enough about it. Related thread: https://news.ycombinator.com/item?id=37395707

Re: Show HN: Puck – Open-source visual editor for React

#89

Post by Exuma »

showerst wrote: post #81
Exuma wrote: post #6

Awesome. 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…

Take a look at grapesjs -- it's a bit janky in places but it's self hosted and overall works pretty well. It can output plain HTML so I think it could be integrated with vue.

The problem with that one is I want to completely avoid parsing/rendering HTML. That creates huge headaches when you want to create some kind of "component" but then once the html is rendered, it cant be re-parsed into its original state without adding a bunch of junk to it, like helper classes etc. It's just very brittle for what I want to do

Re: Show HN: Puck – Open-source visual editor for React

#90

Post by pat64 »

My only major gripe with it is React. Either go all the way and build something for Svelte that does this lowering the bar to the bottom on both creation and understanding of the UI layer or

Do this with Rust and target Wasm abstracting away the hard / tedious parts of working with lower level languages and creating graphical applications.

Like this + Tauri would be an absolute powerhouse but as good as it is, it’s still just another React maker.

Post reply on HN