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.
Built with Blockly
Blockly is being used by hundreds of projects, most of them educational:
Blockly for Web
Blockly 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 Edge.
- Highly customizable and extensible.
Blockly User Summit 2022
Summit videos
The virtual Blockly User Summit took place May 3-4, 2022.
We had around 100 members of the Blockly community attend with 27 tech talks on Blockly and its applications.
All of the summit talks are available on YouTube.
Developer Resources
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.