Visual & learning

Blockly

Blockly is a library for adding visual code editing to web and mobile apps. It allows users to create code by stacking blocks, similar to Scratch, making it an excellent tool for teaching programming concepts without the need to type code.

Share this starting point code.study/blockly
Created by
Google
First appeared
2012
Official resource
Visit the main website

Your first program

Hello, World!

Blockly
// Blockly is a web-based, graphical programming language.
// Users can drag blocks together to build an application.
// No text-based 'Hello, World!' example can be provided since Blockly works through visual blocks.

Keep learning

Where to go from here

Use trusted documentation for facts and an AI tutor for personalized explanations.

01

Official resource

Learn from the source

Continue with the language’s official documentation, project, or standards site.

Open official resource
02

Personalize it

Ask your AI tutor

Use a focused prompt covering strengths, tradeoffs, setup, and this first program.

Your prompt

Teach me the basics of Blockly. Use https://code.study/blockly as the starting point. Explain what Blockly is best suited for, when I should not choose it, how to install or try it, and then walk me through its Hello World example step by step.

Content reviewed August 2026 · Start with primary sources and verify version-specific details.