The Blockly library adds a customizable editor to your app that presents coding concepts as interlocking blocks.

You define the string (usually code) that gets generated for each block, and then Blockly handles concatenating whole strings of blocks. What you do with that result is up to you.

December 10, 2025 - How to get the code to integrate Blockly into your application.

This doc describes a bit about how that was done: https://developers.google.com/blockly/guides/app-integration/running-javascript ... Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message ... There used to be a tutorial on the developer's site that walked through the process of creating a simple tic-tac-toe game.

Debugger (breakpoints, run, step, block highlighting) Set test parameters · Hardware · Connection (USB, Bluetooth, QR code) Configuration (choose model, choose accessories, assign component names) Control (manually control robot, record robot position) Download code · Help · Documentation · Interactive tutorials ·

We have a number of resources such as examples, codelabs, and plugins in another repository called blockly-samples. A plugin is a self-contained piece of code that adds functionality to Blockly. Plugins can add fields, define themes, create renderers, and much more.

The Block Factory can only create one type of block at a time. If you want to design several blocks that are connected together, you'll have to design the blocks separately and connect them in the toolbox definition.

Total Blockly size reduced to 300kb (100kb zipped) due to tree shaking. Faster build times and no network traffic due to local compiler execution. Unlimited compilations (the online compiler is rate-limited). For the purposes of this minimal tutorial, start by creating a new directory in the ...

April 14, 2025 - To define and use a new block type in Blockly, three components are needed: a block definition, a block-code generator, and a toolbox reference.

This course teaches the basics of programming using the drag and drop language Blockly. Here you will learn fundamental programming concepts through interactive exercises without the need to write out programming syntax.

Block with dropdown who's list is populated by Serial port list.

This codelab will teach you how to modify a simple web app to include the Blockly visual programming library.

Examples: self-contained sample projects demonstrating techniques to include and extend the Blockly library. Codelabs: interactive tutorials demonstrating how to use Blockly.

We don't have a video about this specifically, but we do have a lot of text based documentation about how to use Blockly and add it to your web pages. We also have a getting started codelab that walks you step-by-step through creating a basic Blockly page.

Learn Google Blockly and master any programming language in the future. The Course is designed for an absolute beginner to programming.

December 10, 2025 - The blockly-samples repository contains categories of projects like Codelabs, Examples, and Plugins. Codelabs are interactive tutorials using markdown, code, and screenshots, published on blocklycodelabs.dev.

February 19, 2026 - Blockly includes a set of visual blocks for common operations, and can be customized by adding more blocks. New blocks require a block definition and a generator. The definition describes the block's appearance (user interface) and the generator describes the block's translation to executable code.

Blockly Games is specifically designed to be self-teaching, no teacher or lesson plan needed. To accomplish this, the first version of Blockly Games had instructions on each level.

July 24, 2023 - Get started building your own Android app using Blockly. Google is proud to offer Blockly for Android for free and open source under the Apache License, version 2.0.