IDE visual de programação — 100% no navegador

Programe com

blocos e código

Uma IDE online onde blocos visuais e código real vivem juntos.

Arraste blocos no estilo Scratch e veja o código ser gerado. Edite o código e os blocos se atualizam. Terminal integrado, interface modular e múltiplas linguagens — tudo no navegador, sem instalar nada.

Ver em ação
Preview

Veja o editor em ação

Blocos, código e terminal funcionando juntos em tempo real. Tudo sincronizado, tudo no navegador.

Wicand Blocks — game.js
código
1

↑ Simulação interativa do editor — o real é ainda melhor

0+
Linguagens
0+
Blocos disponíveis
0%
No navegador
0R$
Para começar
Recursos

Tudo para programar

Do primeiro “olá mundo” ao projeto completo. Uma IDE pensada para quem está aprendendo e para quem já programa.

Editor visual de blocos

Arraste e conecte blocos no estilo Scratch para criar programas completos de forma visual, sem precisar digitar código.

Código real bidirecional

Blocos geram código de verdade — JavaScript, Python e mais. Edite o código e os blocos se atualizam automaticamente.

Terminal integrado

Execute seus programas direto no terminal embutido. Veja a saída, depure e itere sem sair do ambiente.

Múltiplas linguagens

JavaScript, Python, e mais por vir. Escolha a linguagem e o editor se adapta — blocos, sintaxe e execução.

Interface modular

Reorganize painéis como quiser. Divida a tela, feche, reabra e arraste seções para montar seu layout perfeito.

IA integrada

Assistente de IA que gera código, completa blocos, sugere soluções e tira dúvidas enquanto você programa.

Bidirecional

Blocos viram código.
Código vira blocos.

Edite de qualquer lado e o outro atualiza automaticamente. Não existe outra ferramenta que faça isso em tempo real.

Perfeito para quem está aprendendo programação começando com blocos e quer migrar para código — ou para devs que querem visualizar lógica complexa de forma visual.

Blocos
Código
10Repitavezes
10Movapassos
36Gire ↻graus
tocando emborda
Se tocar na borda, volte
for (let i = 0; i < 10; i++) {
  mover(10);
  girar(36);
  if (tocandoBorda()) {
    inverter();
  }
}
Linguagens

Sua linguagem favorita

O editor se adapta à linguagem escolhida — blocos, sintaxe, execução e tudo mais.

JavaScript

console.log("Hello!");

Python

print("Hello!")

TypeScript

const msg: string = "Hi";

Lua

print("Hello!")

Rust

println!("Hello!");
3 passos

Como funciona

Do zero ao código rodando em segundos. Sem configuração, sem complicação.

01

Escolha uma linguagem

Selecione JavaScript, Python ou outra linguagem disponível e configure seu projeto em segundos.

02

Arraste blocos ou escreva código

Use o editor visual para arrastar blocos ou o editor de código para digitar — ambos ficam sincronizados.

03

Execute e veja o resultado

Rode seu programa no terminal integrado e veja o resultado instantaneamente, sem sair do editor.

Comunidade

O que estão dizendo

Finalmente uma ferramenta que faz ponte entre blocos e código real. Meus alunos adoram.

Professor de Computação

Ensino Médio

Uso para prototipar ideias rapidamente. A conversão bidirecional é impressionante.

Dev Indie

Game Developer

A interface modular me lembra uma IDE profissional, mas acessível para quem está começando.

Estudante

Ciência da Computação

Seguro

Seus projetos ficam salvos localmente. Nenhum dado é enviado sem sua permissão.

Rápido

Editor otimizado com WebAssembly. Resposta instantânea mesmo em projetos grandes.

Open Source

Código aberto e transparente. Contribua, personalize e faça parte da comunidade.

FAQ

Perguntas frequentes

Pronto para criar?

Comece agora gratuitamente. Sem instalação, sem configuração, sem cartão de crédito.

Abra o editor → escolha uma linguagem → comece a programar