O Liquid Logo é um pequeno app web da Paper, a empresa da ferramenta de design. Ele roda no site liquid.paper.design, e o código está no GitHub. O README o chama de um projeto “just for fun” (por diversão).
Não é uma skill de agente. É uma ferramenta que você usa no navegador, e o efeito vem do Paper Shaders, uma biblioteca de código que um agente de IA pode usar no seu site.
Em 28 de outubro de 2026 o repositório tinha cerca de 1.400 estrelas no GitHub.
Como funciona
- Você envia seu logo como SVG ou imagem. O app o transforma em uma máscara e adiciona uma borda chanfrada.
- Um shader pinta essa forma como metal líquido em movimento.
- Você pode mudar o fundo (metal, branco, preto ou qualquer cor) e ajustar a dispersão, a borda, o desfoque do padrão, a liquefação, a velocidade e a escala do padrão.
Dicas do app
O logo precisa de um fundo transparente ou branco. Formas funcionam melhor que palavras, e um SVG ou uma imagem de alta resolução dá o melhor resultado.
O que saber antes
Quando você envia um logo no site, o código salva a imagem processada em um armazenamento online para criar um link de compartilhamento. Não envie um logo que você ainda não pode mostrar.
O repositório usa a licença PolyForm Shield. Você pode usar o código, mas não para criar um produto que concorra com ele, então não é uma licença de código aberto clássica. A biblioteca Paper Shaders tem licença Apache 2.0 e inclui um efeito de metal líquido, então é a parte a usar se você quiser isso no seu próprio site.
Como usar
O jeito mais simples é abrir liquid.paper.design, enviar seu logo e ajustá-lo. Para rodar o app você mesmo, clone o repositório:
git clone https://github.com/paper-design/liquid-logo.gitPara colocar um logo de metal líquido no seu próprio site, peça ao seu agente de IA para usar o pacote Paper Shaders:
npm install @paper-design/shaders-react