Easyblocks

About Easyblocks

Easyblocks is an open-source React toolkit and white-label framework for building customized visual page editors. Developers can embed the editor inside their own software and define the components, templates, data sources and editing controls available to users.

The framework supplies common visual-building functionality such as drag-and-drop editing, nested selections, inline rich text, responsive styling, multi-selection, design tokens, history management, localization and templates. It can generate React component trees or HTML and CSS output.

Easyblocks uses No-Code Components, which combine standard React components with definitions that control how each component can be edited. Developers can restrict available properties, styling options, child components and layout behavior while giving nontechnical users an accessible visual interface.

External data can be connected through custom data types, widgets and fetching functions. Easyblocks can dynamically connect information such as product records, text, images and videos without storing complete copies of the external records in its content entries.

Key Features

• Embeddable Visual Editor: Add a customized drag-and-drop editing experience inside an existing software product.

• No-Code Components: Convert React components into visually editable blocks using component definitions.

• Responsive Styling: Provide responsive fields, design tokens and controlled styling options for different layouts.

• Dynamic Data: Connect external data sources through custom types, data pickers and fetching functions.

• Template System: Create reusable visual templates that can render with different data and document parameters.

• Server-Side Rendering: Render through frameworks such as Next.js and Remix or produce HTML and CSS output.