O que é o Decker

O Decker e uma plataforma moderna de criação de software interativo, desenvolvida por John Earnest e disponível em beyondloom.com/decker. Ele resgata e expande a filosofia do HyperCard, o famoso software da Apple lançado em 1987 que democratizou a criação de software nos anos 80 e 90.

O HyperCard original permitia que qualquer pessoa, sem ser programadora, criasse aplicativos, apresentações interativas, jogos simples e ferramentas pessoais. Era uma plataforma visual com um script simples chamado HyperTalk. O Decker faz algo similar para a era atual: uma interface gráfica onde você cria "baralhos" de cartas (decks) interativas, com campos de texto, botões, imagens, sons e lógica programável.

O projeto ganhou destaque no Hacker News em julho de 2026 com mais de 300 pontos, com muita gente expressando nostalgia pelo HyperCard e outros elogiando o Decker como o herdeiro legítimo dessa filosofia de computação pessoal e criativa.

Como o Decker funciona

O Decker funciona com o conceito de deck (baralho): um arquivo que contem múltiplas cartas (cards). Cada carta e como uma tela ou página, com elementos visuais que você arrasta e posiciona: campos de texto, botões, imagens, caixas de seleção, widgets de áudio.

A programação no Decker usa o Lil, uma linguagem de script própria, simples e funcional. E inspirada no HyperTalk original, mas modernizada. Para a maioria dos casos de uso do Decker, você escreve poucos scripts simples de algumas linhas para responder a cliques, navegação entre cartas e manipulação de dados.

O Decker roda completamente no navegador, sem necessidade de instalar nada. Os decks são arquivos que você salva localmente e pode compartilhar com outras pessoas. Existe também uma versão desktop para Windows, macOS e Linux.

💡
Dica

O Decker tem uma galeria de decks criados pela comunidade em beyondloom.com/decker/gallery. E o melhor ponto de partida para entender o que é possível criar: jogos, ferramentas de anotação, fichas de RPG, apresentações interativas e mais.

Principais recursos

O Decker oferece um conjunto de ferramentas que cobrem uma ampla gama de casos de uso criativos:

  • Editor visual de cards: interface de arrastar e soltar para criar layouts de cada carta do deck.
  • Linguagem Lil: script funcional simples, fácil de aprender, com acesso a todos os elementos do deck.
  • Áudio e imagens: suporte a sprites, animações simples e áudio para criar experiências mais ricas.
  • Módulo de dados: cada deck pode conter tabelas de dados, funcionando como um banco de dados simples embutido.
  • Exportação web: decks podem ser exportados como HTML estático, prontos para hospedar em qualquer lugar.
  • Modo retro: paleta de cores e fonte inspiradas no Macintosh clasico, para a estética 1-bit que muitos usuários adoram.

O Decker também tem suporte a sons e musica via um sintetizador simples embutido, o que abre possibilidades interessantes para criar jogos e experiências interativas com áudio.

Como começar com o Decker

O caminho mais rápido para começar e direto no navegador:

  • Passo 1: Acesse beyondloom.com/decker e clique em "Open Decker".
  • Passo 2: Você vera o editor com um deck em branco. Clique no botão de adicionar elemento para inserir um campo de texto ou botão na carta atual.
  • Passo 3: Clique duas vezes no botão para abrir o editor de script. Escreva seu primeiro script Lil.
  • Passo 4: Salve o deck como arquivo .deck no seu computador.

Para quem prefere a versão desktop, o download esta disponível na mesma página para Windows, macOS e Linux. A versão desktop oferece acesso a arquivos do sistema operacional e e mais adequada para projetos maiores.

# Exemplo de script Lil simples: ao clicar em um botão, navegar para a próxima carta
on click do
  go next
end

# Mostrar uma mensagem
on click do
  alert "Ola, Decker!"
end

# Alterar o texto de um campo ao clicar
on click do
  card.widgets.meuCampo.text: "Valor alterado!"
end
⚠️
Atenção

O Decker usa a paleta de cores em 1-bit ou paleta expandida de 16 cores como padrão. Para criar interfaces mais coloridas você pode usar a paleta expandida, mas o estilo retro monocromático e parte do charme do projeto para muitos usuários.

Exemplo prático: criando uma ficha de RPG

Um dos casos de uso mais populares na comunidade do Decker e criar fichas de personagem interativas para RPGs de mesa. Veja como ficaria a estrutura básica:

# Estrutura de um deck para ficha de RPG:
# Card 1: Informações do personagem
#   - Campo: nome do personagem
#   - Campo: classe e nível
#   - Campos de atributos (FOR, DEX, CON, INT, SAB, CAR)
#   - Botão: calcular bónus de proficiência

# Script do botão calcular:
on click do
  local nível: number(card.widgets.nível.text)
  local bónus: floor((nível - 1) / 4) + 2
  card.widgets.bonusProficiencia.text: string(bónus)
end

Em poucos minutos você tem uma ficha digital que calcula automaticamente os bónus enquanto o jogador preenche os campos. E possível adicionar cartas adicionais para inventario, habilidades e notas de sessão, criando um sistema de ficha completo sem dependências externas.

🚀
Pro tip

O módulo de dados do Decker permite criar mini-bancos de dados dentro do deck. Isso abre possibilidades para trackers de campanha, catálogos de itens ou qualquer situação onde você precisa de dados estruturados junto com a interface visual.

Comparação com alternativas

O Decker ocupa um nicho específico que poucas ferramentas cobrem bem:

  • Notion / Obsidian: focados em notas e documentação, não em criar software interativo. São mais adequados para escrita do que para criação de experiências programáveis.
  • Figma / Framer: ferramentas de design de interface, excelentes para prototipagem visual, mas voltadas para designers e com curva de aprendizado maior.
  • Scratch: muito voltado para crianças e educação, com uma abordagem de programação em blocos. O Decker tem mais profundidade e uma estética diferente.
  • Twine: excelente para ficção interativa e jogos narrativos, mas mais limitado em termos de elementos de interface e lógica de dados.

O Decker se destaca pela combinação de interface visual acessível + linguagem de script real + exportação standalone. Para criar ferramentas pessoais e jogos simples sem depender de frameworks, e uma das melhores opcoes disponibilizadas gratuitamente.

Pontos positivos e limitações

Pontos positivos:

  • Totalmente gratuito e open source.
  • Roda no navegador sem instalação.
  • Exporta para HTML estático, fácil de hospedar.
  • Comunidade ativa com galeria de decks compartilhados.
  • Ideal para projetos pessoais, ferramentas de uso próprio e jogos simples.

Limitações reais:

  • Não adequado para aplicações web modernas com design responsivo ou integração com APIs externas.
  • A linguagem Lil, embora simples, tem suas próprias idiossincrasias que podem confundir quem vem de JavaScript ou Python.
  • A estética retro pode não ser adequada para todos os projetos ou públicos.
  • Sem marketplace de componentes ou biblioteca de templates grande como outras ferramentas low-code.
🔴
Cuidado

O Decker não e uma alternativa para desenvolvimento web profissional ou aplicativos empresariais. E uma ferramenta de criação pessoal e artística. Tentar usa-lo para algo fora desse escopo vai gerar frustrações.

Casos de uso reais

O Decker brilha em cenários específicos onde a abordagem visual e a simplicidade importam mais do que a escala:

  • Ferramentas pessoais de produtividade: trackers de hábitos, listas de tarefas com lógica customizada, sistemas de anotação pessoal.
  • Fichas e ferramentas para RPG: fichas de personagem, geradores de encontro, mapas interativos de campanha.
  • Jogos simples e ficao interativa: aventuras em texto com elementos gráficos, puzzles lógicos, pequenos jogos estilo point-and-click.
  • Protótipos e provas de conceito: criar rapidamente uma versão funcional de uma ideia sem configurar um ambiente de desenvolvimento completo.
  • Educação e criatividade: ensinar conceitos de lógica e programação de forma visual e acessível.

Dicas e boas práticas

💡
Dica

Comece explorando os decks da galeria antes de criar o seu. Abra-os no editor para ver como estão estruturados e como os scripts estão escritos. E a melhor forma de aprender os padrões do Decker rapidamente.

💡
Dica

Use o módulo de dados para separar dados de apresentação. Em vez de colocar dados hardcoded nos scripts, armazene-os em tabelas e leia dinamicamente. Facilita muito a manutenção do deck.

🚀
Pro tip

O Decker tem uma API de acessibilidade para leitores de tela, o que é surpreendente para um projeto dessa escala. Se você cria ferramentas que outras pessoas vao usar, aproveite isso para tornar seu deck acessível com pouco esforço adicional.

⚠️
Atenção

Salve backups dos seus decks regularmente. O Decker salva localmente e não tem sincronização na nuvem por padrão. Um arquivo corrompido ou perdido significa perder o trabalho.

Vale a pena?

Para quem gosta de criar coisas sem a rigidez dos frameworks modernos, o Decker e uma das melhores ferramentas disponibilizadas gratuitamente nos últimos anos. Ele captura algo que o desenvolvimento web moderno perdeu: a alegria de criar software funcional rapidamente, sem configurar pipelines de build, sem gerenciar dependências, sem pensar em bundle size.

Se você nunca usou o HyperCard na época, o Decker e uma janela para entender por que tanta gente guarda tanto carinho por aquela era da computação pessoal. E se você usou, vai sentir o resgate da filosofia com uma implementação solida e moderna.

O próximo passo e acessar beyondloom.com/decker, explorar a galeria por 30 minutos e criar algo pequeno: uma lista de tarefas, um quiz, uma ficha. A experiência de criar algo funcional em menos de uma hora sem nenhum framework e o melhor argumento de venda do Decker.