Which page builder/theme editor for SaaS users?
Hi,
In the app I am building, users need to be able to design their own pages. Does anybody know of a good library or plugin to give them this functionality?
Ideally, they would be able to compose pages of pre-defined blocks, edit their properties (colours, font, etc.), preview and save. It has to be simple for non-technical users, but allow a high level of customisation for people who know how to edit HTML and CSS.
Does such a thing exist as an easy-to-integrate library (for React, preferably)?
Thanks
Trending on Indie Hackers
Hey this sounds like a great use case for something I've been working on, https://www.everypagehq.com, an open source landing page builder. We haven't publicly announced it yet but the code is available at https://github.com/kibalabs/everypage and can be used as an npm library. I'd be glad to show you how if you think its relevant :)
Oh I should have said: open source REACT landing page building library
React or Next ? Hi Krishan, can I use this within my SaaS?
https://grapesjs.com/
I wasn't a fan so we built our own http://versoly.com/
Just wondering how this is going for you?
In the end, I hand-rolled something to fit my use case, but your product looked cool.
Going good but slowly than I thought as always.
Got a video of it working? I'm always interested in website builders :)
I'm working on the video demo for it, but although it is functionally pretty much complete I need to improve the UI.
The basic architecture is as follows:
Pages are defined as a hierarchy of components in JSON.
Themes written in the Liquid templating language and editable by the user define how the JSON is translated into HTML and CSS.
The user adds components and edits their properties in a side panel. This is a React component.
The page is then rendered by providing the component hierarchy as context to the liquid templates. The result is injected into a iframe preview pane as src.
Other scripts are injected into the iframe so that clicks on components in the iframe dispatch events that the sidebar can listen to and update its state.
It works very similar to Shopify's store editor.
Thanks. I'll take a look.
This comment was deleted 3 years ago.
Thanks, no.
This comment was deleted 3 years ago.