Software:Blockly

From HandWiki
Blockly
Original author(s)Neil Fraser, Quynh Neutron, Ellen Spertus, Mark Friedman
Developer(s)Google, MIT
Initial releaseMay 2012; 14 years ago (2012-05)
Stable release
12.1.0 / 30 May 2025; 16 months ago (2025-05-30)[1]
Repositorygithub.com/google/blockly
Written inJavaScript
PlatformWeb browser
Size150 KB
Available in50 languages
List of languages
English
TypeLibrary
LicenseApache License 2.0
Websitedevelopers.google.com/blockly

Blockly is a client-side library for the programming language JavaScript for creating block-based visual programming languages (VPLs) and editors. A project of Google, it is free and open-source software released under the Apache License 2.0.[2] It typically runs in a web browser.

Blockly uses visual blocks that help simplify programming, and can generate code in JavaScript, Lua, Dart, Python, or PHP.[3]

History

Blockly development began in summer 2011.

In October 2025, the Raspberry Pi Foundation announced that from 10 November 2025, the Blockly open source library and assets, and key members of the Blockly team will transition from Google to the Raspberry Pi Foundation.[4]

User interface

Example of Blockly code to convert from Fahrenheit to Celsius
Example of Blockly code with a while loop

The default graphical user interface (GUI) of the Blockly editor consists of a toolbox, which holds available blocks users can select from, and a workspace, where users can drag and drop blocks to place and rearrange them. The workspace also includes zoom icons and a trash can to delete blocks.[5] The editor can be modified easily to customize and limit the available editing features and blocks.

Customization

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. Definitions and generators can be written in JavaScript, or using a visual set of blocks, the Block Factory, which allows new blocks to be described using extant visual blocks; the intent is to make creating new blocks easier.

Applications

Blockly is used in several notable projects, including:

Features

  • Web-based using Scalable Vector Graphics (SVG)
  • Completely client-side JavaScript
  • Support of major web browsers
  • Support for many programmatic constructs including variables, functions, arrays
  • Minimal type checking supported, designed for dynamically typed languages
  • Step-by-step code execution for tracing and debugging code[12]
  • Localised into 100+ languages[13]
  • Support for left-to-right and right-to-left languages[14]

Transition to the Raspberry Pi Foundation

On 28 October 2025, Google announced that Blockly, along with key members of its development team, would move from Google to the Raspberry Pi Foundation on 10 November 2025, after being developed within Google for 12 years.[15][16] Google stated the move was supported by a grant from Google.org and would not require existing projects using Blockly to make any changes, with the library remaining free and open source under its existing Apache License 2.0.[17]

Following the transition, the Raspberry Pi Foundation stated its intention for Blockly to remain the standard visual-programming interface for accessible coding, and announced plans to roll out accessibility improvements over the following year, including screen reader support and keyboard navigation, in partnership with platforms that use Blockly.[18]

References

  1. ↑ "Release blockly-v12.1.0 · google/blockly" (in en). https://github.com/google/blockly/releases/tag/blockly-v12.1.0. 
  2. ↑ Metz, Cade. "Google Blockly Lets You Hack With No Keyboard". Wired. https://www.wired.com/2012/06/google-blockly/. 
  3. ↑ "Google's Blockly Teaches You to Create Apps". 13 June 2012. http://www.nbcbayarea.com/blogs/press-here/Googles-Blockly-Teaches-You-to-Create-Apps-158935465.html. 
  4. ↑ CBE, Philip Colligan (2025-10-28). "The new home for Blockly" (in en-GB). https://www.raspberrypi.org/blog/new-home-for-blockly/. 
  5. ↑ Black, Lucy (12 June 2012). "Google Blockly – A Graphical Language with a Difference". https://www.i-programmer.info/news/98-languages/4357-google-blockly-a-graphical-language-with-a-difference.html. 
  6. ↑ "Scratch 3.0's new programming blocks, built on Blockly". https://developers.googleblog.com/2019/01/scratch-30s-new-programming-blocks.html. 
  7. ↑ "MIT App Inventor 2". http://ai2.appinventor.mit.edu/. 
  8. ↑ "Translate Code.org". https://code.org/translate. 
  9. ↑ "Microsoft MakeCode". https://www.microsoft.com/en-us/research/project/microsoft-makecode/. 
  10. ↑ "Microsoft MakeCode Computer Science Education". https://www.microsoft.com/en-us/makecode. 
  11. ↑ "PICAXE Blockly". https://picaxe.com/software/picaxe/blockly-for-picaxe/. 
  12. ↑ "Blockly Demo: JS-Interpreter". https://google.github.io/blockly-samples/examples/interpreter-demo/step-execution.html. 
  13. ↑ "Localisation statistics for the Blockly core module". https://translatewiki.net/wiki/Special:MessageGroupStats/out-blockly-core#sortable:3=desc. 
  14. ↑ "Blockly Demo: RTL". https://google.github.io/blockly-samples/examples/rtl-demo/. 
  15. ↑ Fenichel, Rachel (2025-10-28). "Building the future with Blockly at the Raspberry Pi Foundation". Google Open Source Blog. https://opensource.googleblog.com/2025/10/blockly-graduates-from-google.html. 
  16. ↑ Colligan, Philip (2025-10-28). "The new home for Blockly". Raspberry Pi Foundation. https://www.raspberrypi.org/blog/new-home-for-blockly/. 
  17. ↑ "Blockly graduates from Google". Google Groups (blockly-announce). 2025-10-28. https://groups.google.com/g/blockly-announce/c/CmwYFqcIUEI. 
  18. ↑ Colligan, Philip (2025-10-28). "The new home for Blockly". Raspberry Pi Foundation. https://www.raspberrypi.org/blog/new-home-for-blockly/.