nodes
Luna Park
Editor de scripting visual

Programação,
agora visual

Frontend, backend, banco de dados, APIs... A sintaxe vai embora, a lógica fica.
Visual logic graph in Luna Park
Visual interface layout in Luna Park
Sem aprisionamento tecnológico
Exporte seu código
Hospede onde quiser
Comece a usar o editor direto no seu navegador, de graça.
Aprenda a usar o editor com um tutorial gamificado.
O melhor dos dois mundos: a liberdade do código, a velocidade do no-code.

O que você pode criar?

O Luna Park é uma plataforma completa para criar uma grande variedade de aplicações.

Layout frontend

Crie layouts responsivos com várias páginas

Componentes

Crie componentes reutilizáveis com estado reativo

Lógica

Monte sua lógica visualmente com nós

Store

Gerencie o estado da aplicação com uma store centralizada

API backend

Crie serviços de backend com uma API REST

Banco de dados

Gerencie seus dados com um banco de dados PostgreSQL

Por que o Luna Park?

Feito para desenvolvedores, equipes e empresas que querem mais liberdade.

Sem amarras

Exporte código-fonte limpo e legível a qualquer momento. Nenhum runtime necessário.

Uma stack completa

Frontend, backend, banco de dados, APIs, cron jobs. Tudo em um só lugar.

Programação visual

Crie lógicas complexas com funções, loops... direto em um grafo visual.

Pronto para produção

Vá do protótipo à aplicação em produção sem trocar de stack.
NÃO é mais uma ferramenta no-code

O Luna Park dá à programação uma interface visual.

Variáveis, funções, condições, loops, APIs, consultas ao banco de dados e o estado da aplicação são manipulados visualmente em vez de escritos como texto.

Layout e componentes

Monte páginas a partir de componentes reutilizáveis

Desenhe layouts, extraia componentes reutilizáveis e edite cada tela no mesmo espaço de trabalho visual.
Layouts de página
Árvore de componentes
Componentes reutilizáveis
Estado compartilhado
Pré-visualização ao vivo
Componente
Componente screenshot
Layout
Layout screenshot
Banco de dados
Banco de dados screenshot
Lógica
Lógica screenshot
Scripting visual

Crie a lógica da sua aplicação visualmente

Crie condições, fluxos de dados, ações de backend e consultas PostgreSQL com grafos visuais fáceis de ler.
Scripting visual
Lógica com tipagem segura
Um único sistema de lógica
Banco de dados PostgreSQL
Consultas visuais

Um editor turbinado por IA, não centrado em IA

Use a IA quando ela for útil, confira o que ela muda e mantenha o controle da sua aplicação.

Use qualquer modelo, com a sua própria chave

MistralOpenAIAnthropicGeminiLocalCustom
01

O editor em primeiro lugar

A integração com IA foi pensada em torno do editor, e não o contrário.
02

A IA como apoio

A IA ajuda você a fazer um primeiro rascunho, enquanto o editor deixa cada mudança verificável.
03

Traga qualquer modelo

Use o modelo com o qual você já está acostumado, com a sua própria chave de API.
04

Do protótipo ao produto

Esboce telas, lógica, estruturas de dados e fluxos de backend rapidamente e depois refine tudo.

Aprenda e domine o Luna Park

Tudo o que você precisa para começar do zero.

Desafio gamificado

Pratique com desafios divertidos para aprender cada parte da plataforma.
Comece a jogar

Academia em vídeo

Assista a cursos em vídeo e aprenda no seu ritmo.
Ver os vídeos

Documentação

Procurando algo? Confira a nossa documentação.
Ler a documentação

Comunidade e suporte

Entre no nosso Discord ou no nosso fórum para se conectar com outros desenvolvedores.
Entrar no Discord

Experimente o scripting visual agora!

Use este playground interativo para ter uma ideia de como o scripting visual funciona.

Perguntas frequentes

Tudo o que você precisa saber para criar com o Luna Park.
Quais tecnologias o Luna Park usa?
O Luna Park se baseia em tecnologias padrão e amplamente utilizadas. Os frontends usam Vue e Vite, os backends rodam em Node.js e Fastify e os bancos de dados usam PostgreSQL. O resultado é uma stack web moderna e convencional, não um runtime proprietário.
Posso exportar meu projeto e continuar desenvolvendo sem o Luna Park?
Sim. Você pode exportar seu projeto como código-fonte e continuar trabalhando nele com as suas ferramentas de desenvolvimento de sempre. Sua aplicação não fica presa ao Luna Park, e o código exportado continua sendo seu.
Posso usar pacotes do NPM?
Sim. Os pacotes podem ser instalados diretamente do npm. Quando um pacote fornece tipos TypeScript, o Luna Park consegue inferir suas funções, parâmetros e tipos de retorno e disponibilizá-los automaticamente como nós visuais.
Posso usar componentes Vue e bibliotecas de componentes existentes?
Sim. Pacotes do NPM que exportam componentes Vue podem ser instalados, e seus componentes podem ser usados diretamente nas suas interfaces do Luna Park. Assim, você aproveita o ecossistema Vue existente em vez de ficar limitado aos componentes nativos.
Posso estender o Luna Park ou criar meus próprios plugins?
Sim. O Luna Park tem um ecossistema de plugins para estender o editor com novos componentes, nós e funcionalidades. Você pode usar plugins existentes ou criar os seus para integrar as ferramentas e os recursos de que precisa.
Qual é a diferença entre o Luna Park e escrever uma aplicação Vue/Node na mão?
Os conceitos por trás são os mesmos; o que muda é a forma de trabalhar com eles. O Luna Park permite criar interfaces e a lógica da aplicação visualmente, sempre apoiado em tecnologias e conceitos de programação que você já conhece. Pense nele como outra forma de programar, e não como uma abstração que substitui a programação.
Posso usar o Luna Park sem IA?
Com certeza. A IA é opcional e o Luna Park foi pensado para ser totalmente utilizável sem ela. A IA pode ajudar quando você quiser, mas o editor visual continua sendo a principal forma de criar e entender a sua aplicação.
Posso fazer o deploy e hospedar meus projetos do Luna Park em qualquer lugar?
Sim. Os projetos do Luna Park podem ser exportados e implantados de forma independente, então você não fica preso à infraestrutura de hospedagem do Luna Park. Você pode escolher o provedor de hospedagem e a infraestrutura que fazem mais sentido para o seu projeto.