OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Developer Tools

Blocks

Blocks is an open-source visual editor for creating Internet Computer smart contracts in Motoko. It uses drag-and-drop blocks, supports Motoko expressions, and includes workflows to compile, deploy and test contracts.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Blocks — OpenViST project profile in Developer Tools.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use Blocks when developing Motoko contracts for the Internet Computer and a visual workflow, included examples, or React-embeddable editor is useful.

Who it is for

  • Developers prototyping Internet Computer smart contracts.
  • Motoko developers who want to combine existing code with visual logic.
  • React developers embedding a contract-editing interface in an application.

Documented uses

  • Assemble contract logic using visual blocks.
  • Start token or NFT contract examples from included templates.
  • Combine blocks with Motoko expressions or import a Motoko file.
  • Compile, deploy and test contract code through the editor.
  • Add test cases to a contract project.
Before you choose

Requirements & limits

The project is identified as open source under the MIT license. The repository documents an online editor and local npm-based development.

  • The target ecosystem is the Internet Computer and the contract language is Motoko.
  • The editor supports visual blocks alongside custom Motoko expressions and imported Motoko files.
  • The repository documents both a browser-based workflow and a React embedding package.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up Blocks for local development

Run the editor locally using the repository's documented npm workflow.

Before you start

  • A local copy of the Blocks repository
  • npm

Steps

  1. Clone https://github.com/Blocks-Editor/blocks.

  2. Change into the blocks directory.

  3. Run npm install.

  4. Run npm start to serve the editor at http://localhost:3000.

Expected outcome

The editor is served locally for development.

Guide limitations

  • This setup workflow does not describe compiling, deploying or testing a contract.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
15 October 2026
Original website title
Blocks-Editor/blocks · Official homepage title · retained in its source language
How we review sourcesSuggest a correction