Liquid Logo est une petite application web de Paper, l’entreprise de l’outil de design. Elle tourne sur son site, liquid.paper.design, et son code est sur GitHub. Le README la présente comme un projet « just for fun » (pour le plaisir).
Ce n’est pas une skill d’agent. C’est un outil que l’on utilise dans le navigateur, et l’effet vient de Paper Shaders, une bibliothèque de code qu’un agent IA peut utiliser sur votre site.
Le 28 octobre 2026, le dépôt comptait environ 1 400 étoiles sur GitHub.
Comment ça marche
- Vous importez votre logo en SVG ou en image. L’application en fait un masque et ajoute un bord biseauté.
- Un shader peint cette forme en métal liquide animé.
- Vous pouvez changer le fond (métal, blanc, noir ou toute autre couleur) et régler la dispersion, le bord, le flou du motif, la liquéfaction, la vitesse et l’échelle du motif.
Conseils de l’application
Le logo doit avoir un fond transparent ou blanc. Les formes fonctionnent mieux que les mots, et un SVG ou une image haute résolution donne le meilleur résultat.
Ce qu’il faut savoir avant
Quand vous importez un logo sur le site, le code enregistre l’image traitée dans un stockage en ligne pour créer un lien de partage. N’importez pas un logo que vous ne pouvez pas encore montrer.
Le dépôt utilise la licence PolyForm Shield. Vous pouvez utiliser le code, mais pas pour créer un produit concurrent : ce n’est donc pas une licence open source classique. La bibliothèque Paper Shaders est, elle, sous licence Apache 2.0 et inclut un effet de métal liquide : c’est la brique à utiliser si vous voulez cet effet sur votre propre site.
Comment l'utiliser
Le plus simple est d’ouvrir liquid.paper.design, d’importer votre logo et de le régler. Pour faire tourner l’application vous-même, clonez le dépôt :
git clone https://github.com/paper-design/liquid-logo.gitPour ajouter un logo en métal liquide à votre propre site, demandez à votre agent IA d’utiliser le paquet Paper Shaders :
npm install @paper-design/shaders-react