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. 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. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. From a user's perspective, Blockly is an intuitive, visual way to build code. From a developer's perspective, Blockly is a ready-made UI for creating a visual language that emits syntactically correct user-generated code. Blockly can export blocks to many programming languages.

Features

  • 100% client side, no server side dependencies
  • Compatible with all major browsers, Chrome, Firefox, Safari, Opera, and IE
  • Highly customizable and extensible
  • Plugins can add fields, define themes, create renderers, and much more
  • Blockly is being used by hundreds of projects, most of them educational
  • Blockly has been translated to 40+ languages

Project Samples

Project Activity

See All Activity >

License

Apache License V2.0

Follow Blockly

Blockly Web Site

Other Useful Business Software
Gemini 3 and 200+ AI Models on One Platform Icon
Gemini 3 and 200+ AI Models on One Platform

Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

Build, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Blockly!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Graphic Design Software, JavaScript Source Code Analysis Tool, JavaScript Code Editors

Registered

2021-06-21