Try Blockly

Blockly Basics

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. Blockly generates simple, syntactically-correct code from the blocks in the editor, which your app can use to run games, control robots, or do anything else your imagination can concieve.

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application.
Learn more

Blockly for Web

Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. In Blockly Games, pictured here, users can solve a maze using Blockly's editor on the right.

Blockly is...

  • Pure JavaScript library.
  • 100% client side. No server side dependencies.
  • Compatible with all major browsers: Chrome, Firefox, Safari, Opera, and IE.
  • Highly customizable and extensible.
Get started

Blockly User Summit 2019

The Blockly User Summit took place October 10-11, 2019 at Google's offices in Mountain View, California.

We had over 30 members of the Blockly community attend with 15 tech talks on Blockly and its applications.

All of the summit talks are available on YouTube.

Watch the videos

Developer Resources

Blockly plugins are self-contained pieces of code that add functionality to Blockly.

Plugins can add fields, define themes, create renderers, and much more.

Explore plugins
Blockly codelabs provide step-by-step instructions on how to use and customize Blockly.
Explore codelabs
Sample projects that show how to use many of Blockly's features.
Explore samples
The Blockly developer forum, where you can ask and answer questions.
Go to forum