Blockly > Demos

These demos are intended for developers who want to integrate Blockly with their own applications.

Fixed Blockly
Inject Blockly into a page as a fixed element.
Resizable Blockly
Inject Blockly into a page as a resizable element.
Defining the Toolbox
Organize blocks into categories for the user.
Maximum Block Limit
Limit the total number of blocks allowed (for academic exercises).
Generate JavaScript
Turn blocks into code and execute it.
Generate code from XML without graphics.
JS Interpreter
Demo #1: Step by step execution in JavaScript.
Demo #2: Asynchronous execution in JavaScript.
Instant updates when blocks are changed.
See what Blockly looks like in right-to-left mode (for Arabic and Hebrew).
Cloud Storage
Save and load blocks with App Engine.
Mirrored Blockly
Two Blockly instances connected as master-slave.
Accessible Blockly
Version of Blockly accessible to screen readers.
Using Closure Templates to support 35 languages.
Code Editor
Export a Blockly program into JavaScript, Python, PHP, Lua, Dart, or XML.
Blockly Developer Tools
Build custom blocks and setup a toolbox using Blockly.