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.
Headless
Generate code from XML without graphics.
JS Interpreter
Demo #1: Step by step execution in JavaScript.
Demo #2: Asynchronous execution in JavaScript.
Graph
Instant updates when blocks are changed.
RTL
See what Blockly looks like in right-to-left mode (for Arabic and Hebrew).
Custom Dialogs
Override Blockly browser dialogs with custom implementations.
Custom Fields
Implement a custom field.
Cloud Storage
Save and load blocks with App Engine.
Mirrored Blockly
Two Blockly instances connected as leader-follower.
Accessible Blockly
Version of Blockly accessible to screen readers.
Plane
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.
Keyboard Navigation
Demos keyboard navigation.