Blockly
Page Module:Message box/ambox.css has no content.Page Template:Multiple issues/styles.css has no content.
 | This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these messages)
Page Module:Message box/ambox.css has no content.
|
Page Module:Infobox/styles.css has no content.
| Blockly | |
|---|---|
| [[Programmer|Original authorTemplate:Pluralize from text]] | Neil Fraser, Quynh Neutron, Ellen Spertus, Mark Friedman |
| [[Programmer|DeveloperTemplate:Pluralize from text]] | Google, MIT |
| Initial release | May 2012 |
| Written in | JavaScript |
| Engine | Page Template:Plainlist/styles.css has no content.Template:EditAtWikidata |
| Platform | Web browser |
| Size | 150 KB |
| Available in | 50 languages |
| Page Template:Hidden begin/styles.css has no content. List of languages English | |
| Type | Library |
| License | Apache License 2.0 |
| Website | developers |
| Repository | github |
Script error: No such module "Check for conflicting parameters".
Lua error in mw.title.lua at line 404: bad argument #2 to 'title.new' (unrecognized namespace name 'Portal'). 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
The default graphical user interface (GUI) of the Blockly editor consists of a toolbox, and a workspace, where a user can drag and drop and rearrange blocks. The workspace also includes, by default.[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:
- MIT's Scratch (since version 3.0), visual programming environment for education[6]
- MIT's App Inventor, to create applications for Android.[7]
- Code.org[8]
- Microsoft's MakeCode[9][10]
- PICAXE, to control their educational microchips[11]
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]
References
Page Template:Reflist/styles.css has no content.
- ^ Page Module:Citation/CS1/styles.css has no content."Release blockly-v12.1.0 · google/blockly". GitHub. Retrieved 27 June 2025.
- ^ Page Module:Citation/CS1/styles.css has no content.Metz, Cade. "Google Blockly Lets You Hack With No Keyboard". Wired.
- ^ Page Module:Citation/CS1/styles.css has no content."Google's Blockly Teaches You to Create Apps". NBC Bay Area. 13 June 2012.
- ^ Page Module:Citation/CS1/styles.css has no content.CBE, Philip Colligan (2025-10-28). "The new home for Blockly". Raspberry Pi Foundation. Retrieved 2025-10-28.
- ^ Page Module:Citation/CS1/styles.css has no content.Black, Lucy (12 June 2012). "Google Blockly – A Graphical Language with a Difference". I-programmer. Retrieved 3 July 2019.
- ^ Page Module:Citation/CS1/styles.css has no content."Scratch 3.0's new programming blocks, built on Blockly". Google.
- ^ Page Module:Citation/CS1/styles.css has no content."MIT App Inventor 2". MIT.
- ^ Page Module:Citation/CS1/styles.css has no content."Translate Code.org". Code.org.
- ^ Page Module:Citation/CS1/styles.css has no content."Microsoft MakeCode". Microsoft.
- ^ Page Module:Citation/CS1/styles.css has no content."Microsoft MakeCode Computer Science Education". Microsoft.
- ^ Page Module:Citation/CS1/styles.css has no content."PICAXE Blockly". PICAXE. Retrieved 5 July 2020.
- ^ Page Module:Citation/CS1/styles.css has no content."Blockly Demo: JS-Interpreter". Blockly Samples. Retrieved 24 February 2023.
- ^ Page Module:Citation/CS1/styles.css has no content."Localisation statistics for the Blockly core module". Translatewiki.net. Retrieved 16 January 2018.
- ^ Page Module:Citation/CS1/styles.css has no content."Blockly Demo: RTL". Blockly Samples. Retrieved 24 February 2023.
External links
Page Module:Side box/styles.css has no content.Page Template:Sister project/styles.css has no content.
