https://developers.google.com/blockly

  * Blockly

[                    ]
[Language          ]
A JavaScript library for building visual programming editors.
Home Guides Reference Samples Get Help Summits Publications

  * Blockly

  * Home
  * Guides
  * Reference
  * Samples
  * Get Help
  * Summits
  * Publications

  * Home
  * 
    Products
  * 
    Google for Education
  * 
    Blockly

Try Blockly

Blockly Basics

[BlocklyDem]

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

Built with Blockly

Blockly is being used by hundreds of projects, most of them
educational:

Blockly for Web

[browser-ma]

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 2021

Summit videos

The virtual Blockly User Summit took place April 28-29, 2021.

We had around 80 members of the Blockly community attend with 16 tech
talks on Blockly and its applications.

All of the summit talks are available on YouTube.
Watch the videos

Developer Resources

 
extension

Plugins

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
 
list

Codelabs

Blockly codelabs provide step-by-step instructions on how to use and
customize Blockly.
Explore codelabs
 
code

Examples

Sample projects that show how to use many of Blockly's features.
Explore samples
 
forum

Forum

The Blockly developer forum, where you can ask and answer questions.
Go to forum

  * Connect

      + Blog
      + Facebook
      + Medium
      + Twitter
      + YouTube
  * Programs

      + Women Techmakers
      + Google Developer Groups
      + Google Developers Experts
      + Accelerators
      + Developer Student Clubs
  * Developer consoles

      + Google API Console
      + Google Cloud Platform Console
      + Google Play Console
      + Firebase Console
      + Actions on Google Console
      + Cast SDK Developer Console
      + Chrome Web Store Dashboard

Google Developers

  * Android
  * Chrome
  * Firebase
  * Google Cloud Platform
  * All products

  * Terms
  * Privacy
  * Sign up for the Google Developers newsletter Subscribe

[Language          ]