Settings

Theme

Easyblocks – a React framework for building custom visual page builders

docs.easyblocks.io

7 points by r00dY 2 years ago · 1 comment

Reader

r00dYOP 2 years ago

Hey, founder of Easyblocks here!

The idea behind Easyblocks is quite simple. Today if you want to create a custom text editor for your product you have a lot of options with different abstraction levels: Slate, Lexical, CKEditor, TineMCE etc. But if you want to create a custom PAGE BUILDER there's not much to pick from. There are GrapeJS or WebStudio, but they're based on HTML/CSS (there's a HTML nodes panel on the left and CSS properties panel on the right), which is too hard for most people. There's no abstraction over the HTML/CSS that would make the experience simple and foolproof.

Easyblocks architecture is based on a novel concept called No-Code Components. I personally find it fascinating. No-Code Components are defined with code but are also visually editable. Each No-Code Component can have CUSTOM styling properties which makes it both visually flexible and not overwhelming for end-users (no CSS overhead). It's as if you could build your own visual blocks with Squarespace-level simplicity. You can build the most custom logic out there and yet leave the user with something super simple to use and customised.

Btw, it all started with Shopstory - a visual page builder for headless CMSes (https://www.shopstory.app/). We had a moderate success with it but during the journey we got asked by multiple software vendors if they could use Shopstory INSIDE of their products. Since we had quite an advanced editor and architecture behind Shopstory we thought that we should make it public for everyone.

High five!

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection