Easyblocks

Open-source React framework for embedding customized drag-and-drop page builders with responsive styling, design tokens, templates and dynamic data integration.

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.

Pricing

The Easyblocks framework is available under the AGPL-3.0 open-source licence. The Easyblocks team offers custom licensing and development services for organizations that cannot use the AGPL-3.0 licence. Fixed commercial pricing is not published.

Pricing last updated: September 20, 2026 at 12:00 AM

Use Cases

Embed a visual page builder inside a SaaS product
Create a controlled landing page editor for nontechnical users
Build data-driven ecommerce page templates
Add visual dashboard or content editing to a React application

Pros & Cons

Pros:

Provides common visual-builder functionality without requiring teams to develop drag-and-drop editing from the beginning
Lets developers control editable components, properties, styling rules and external data sources
Supports responsive styling, server-side rendering and dynamic templates

Cons:

Requires React development and project-specific configuration
The AGPL-3.0 licence may not suit every proprietary application without a custom licence

Integrations

React, Next.js, Remix, custom external data sources

FAQ

What is Easyblocks?

Easyblocks is an open-source React toolkit and white-label framework for building customized visual page editors inside other software products.

Can Easyblocks be embedded in a SaaS application?

Yes. Easyblocks is designed to be embedded in a product so its users can create and edit pages or other visual content through a drag-and-drop interface.

What are No-Code Components in Easyblocks?

A No-Code Component combines a standard React component with a definition that specifies its editable data, styling properties, child component slots and editing behavior.

Can developers use their own React components?

Yes. Developers define which React components are available in the editor and control their variants, properties, constraints and visual editing options.

Does Easyblocks support external data?

Yes. Developers can define external data types, custom picker widgets and fetching functions. Dynamic data can be connected to text, images, videos and other component properties.

Does Easyblocks store copies of external data?

Easyblocks documentation states that complete external records are not stored in No-Code Entries. Entries retain references such as resource and widget identifiers, while the application supplies the current data dynamically.

Does Easyblocks support server-side rendering?

Yes. The documentation describes compatibility with frameworks such as Next.js and Remix. Easyblocks can also render content as HTML and CSS.

What licence does Easyblocks use?

The open-source repository uses the AGPL-3.0 licence. The Easyblocks team also offers a custom licence for organizations that require different terms.