Blockly Coding Lab
Drag blocks to build logic, loops, and math programs. Then generate JavaScript to see how block code turns into real code.
How To Use
Step 1: Drag blocks from the left toolbox into the big white workspace.
Step 2: Connect blocks like puzzle pieces to build your program.
Step 3: Click Generate Code, then Run.
Advanced Features
Unlock Variables, Functions, Lists toolbox + Save/Load Project tools.
STEP 1: BUILD BLOCKS
Tip: start with a Text block and print a message.
STEP 2: GENERATE AND RUN
Status: Loading Blockly...
Generated JavaScript will appear below:
// Build blocks, then click Generate Code.