Liquid Logo es una pequeña app web de Paper, la empresa de la herramienta de diseño. Funciona en su web, liquid.paper.design, y su código está en GitHub. El README la describe como un proyecto “just for fun” (por diversión).
No es una skill de agente. Es una herramienta que usas en el navegador, y el efecto viene de Paper Shaders, una biblioteca de código que un agente de IA puede usar en tu sitio.
El 28 de octubre de 2026 el repositorio tenía unas 1.400 estrellas en GitHub.
Cómo funciona
- Subes tu logo como SVG o imagen. La app lo convierte en una máscara y le añade un borde biselado.
- Un shader pinta esa forma como metal líquido en movimiento.
- Puedes cambiar el fondo (metal, blanco, negro o cualquier color) y ajustar la dispersión, el borde, el desenfoque del patrón, la licuefacción, la velocidad y la escala del patrón.
Consejos de la app
El logo necesita un fondo transparente o blanco. Las formas funcionan mejor que las palabras, y un SVG o una imagen de alta resolución da el mejor resultado.
Qué saber antes
Cuando subes un logo en la web, el código guarda la imagen procesada en un almacenamiento en línea para crear un enlace para compartir. No subas un logo que todavía no puedas mostrar.
El repositorio usa la licencia PolyForm Shield. Puedes usar el código, pero no para crear un producto que compita con él, así que no es una licencia de código abierto clásica. La biblioteca Paper Shaders tiene licencia Apache 2.0 e incluye un efecto de metal líquido, así que es la pieza que debes usar si quieres esto en tu propio sitio.
Cómo usarlo
Lo más sencillo es abrir liquid.paper.design, subir tu logo y ajustarlo. Para ejecutar la app por tu cuenta, clona el repositorio:
git clone https://github.com/paper-design/liquid-logo.gitPara añadir un logo de metal líquido a tu propio sitio, pide a tu agente de IA que use el paquete Paper Shaders:
npm install @paper-design/shaders-react