JS Studio Blocks
Loading...
JS BlocosJS
15 BLOCKS G Google Account

CODE LAB

Build JavaScript as if it were a game.

Choose colorful blocks, organize a sequence and discover what each piece of code does.

Explore blocks↓ Open Editor 2.0→ Open Studio 3.0↗ Open Studio 4.0 — Coming soon→
const ideia = "divertida";
if (ideia) {
console.log("Vamos criar!");
}
função()
se / então
console.log
✦ ✦

JS BLOCKS STUDIO

Create, chat and remix

Everything happens in this editor.

Editor DeepSeek Chat Games and remixes
✦

Block Editor

Build an idea below and run it whenever you want.

Emojis 😀 ⭐ 🎮 🚀
Message to DeepSeek Send

The conversation uses 1 credit per response.

Projects to remix

Example ideas made by people and bots for you to open in the editor.

Add image by URL
Image URL
Place in editor

Paste a public image; Google search is not performed automatically.

TOOLBOX

15 blocks to test

Drag a block or tap to add it.

All15 Events1 Basics4 Control3 Looks2 Data3 Variables2

No blocks in this category.

YOUR PROGRAM

Build a sequence

Clear sequence
✦

Quick assemble with DeepSeek

1 credit

Choose the difficulty and the AI adds a sequence of blocks to your program.

Difficulty Add with AI✦

+

Your streak starts here

Choose one of the 15 blocks above to create your first program.

0 chosen blocks
Create code{ } Run sequence▶

Result

JavaScript Code

This is the code created by your blocks.


        

Write code

Write and test your own code in the editor.

JavaScript
JavaScript code to edit
Save code✓ Clear code

This editor uses JavaScript to program the logic of blocks and games on the web.

Choose a block to start.

Learning to code is easier when you can play.