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.