UURINGÇÃOSTUDIO · CRIE SEM COMPLICAÇÃO
Pronto para criar
LINGUAGEM SIMPLES · RESULTADO REAL

Suas ideias.
Em movimento.

Escreva poucas linhas, veja o resultado na hora e aprenda enquanto cria.

U✦
✧ Simples
⌘ Visual
↗ Executável
01 / CÓDIGO

Seu projeto

1
Linha 1Arquivo projeto.uring
● MENSAGENS DO PROJETO
Escolha um exemplo e toque em Executar.
02 / RESULTADO

Pré-visualização

PRÉVIA INTERATIVAO que você vê é o resultado
↗
Seu projeto pronto para usar

Baixe um HTML que abre direto no navegador, com os estilos e interações incluídos.

03 / APRENDA FAZENDO

Do primeiro comando ao seu primeiro site.

Sem mistério. Siga os passos, copie o exemplo e veja a mágica acontecer.

01

Escolha um exemplo

Toque em Site, Cartão ou Contador acima do editor. Cada exemplo é um projeto que você pode modificar.

02

Escreva instruções

Uma linha por comando. Por exemplo, titulo "Olá!" cria um título. O texto entre aspas é o que aparece na página.

03

Execute e confira

Toque em Executar. A prévia à direita mostra o resultado. Se houver um erro, a caixa de mensagens indica a linha para corrigir.

04

Baixe como HTML

Toque em Baixar HTML. O arquivo gerado abre no navegador e já inclui o visual e os botões do seu projeto.

📚 Manual rápido: comandos e exemplos

site "Minha página" define o nome do projeto.

tema escuro ou tema claro escolhe o tema.

cor principal roxo muda a cor de destaque. Também aceita hexadecimal, como #ff5599.

titulo "Olá" cria um título. texto "Bem-vindo" cria um parágrafo.

botao "Clique" "Você clicou!" cria um botão que mostra uma mensagem.

imagem "foto.jpg" "Minha foto" adiciona uma imagem por URL ou caminho relativo.

caixa "Sobre mim" e fim_caixa agrupam elementos em um cartão visual.

espaco 24 adiciona espaço vertical. separador desenha uma linha.

variavel pontos = 10 declara um valor simples. O suporte a lógica avançada ainda está em desenvolvimento.