Liquid Logo auf GitHub ansehen
Liquid Logo ist eine kleine Web-App von Paper, dem Unternehmen hinter dem gleichnamigen Design-Tool. Sie läuft auf der Website liquid.paper.design, und ihr Code liegt auf GitHub. Das README nennt sie ein Projekt „just for fun“.
Es ist kein Agent-Skill. Es ist ein Tool, das du im Browser nutzt, und der Effekt dahinter stammt aus Paper Shaders, einer Code-Bibliothek, die ein KI-Agent auf deiner Website einsetzen kann.
Am 28. Oktober 2026 hatte das Repository auf GitHub rund 1.400 Sterne.
Wie es funktioniert
- Du lädst dein Logo als SVG oder Bild hoch. Die App macht daraus eine Maske und fügt eine abgeschrägte Kante hinzu.
- Ein Shader malt diese Form als bewegtes Flüssigmetall.
- Du kannst den Hintergrund ändern (Metall, Weiß, Schwarz oder eine beliebige Farbe) und Dispersion, Kante, Musterunschärfe, Verflüssigung, Geschwindigkeit und Mustergröße einstellen.
Tipps aus der App
Das Logo braucht einen transparenten oder weißen Hintergrund. Formen funktionieren besser als Wörter, und ein SVG oder ein hochauflösendes Bild liefert das beste Ergebnis.
Was du vorher wissen solltest
Wenn du auf der Website ein Logo hochlädst, speichert der Code das verarbeitete Bild in einem Online-Speicher, um einen Teilen-Link zu erzeugen. Lade kein Logo hoch, das du noch nicht zeigen darfst.
Das Repository nutzt die PolyForm-Shield-Lizenz. Du darfst den Code verwenden, aber nicht, um ein Konkurrenzprodukt zu bauen, es ist also keine klassische Open-Source-Lizenz. Die Bibliothek Paper Shaders selbst steht unter der Apache-2.0-Lizenz und enthält einen Flüssigmetall-Effekt. Sie ist also der richtige Baustein, wenn du das auf deiner eigenen Website willst.
So nutzt du sie
Am einfachsten öffnest du liquid.paper.design, lädst dein Logo hoch und passt es an. Um die App selbst zu betreiben, klone das Repository:
git clone https://github.com/paper-design/liquid-logo.gitUm ein Flüssigmetall-Logo auf deine eigene Website zu bringen, bitte deinen KI-Agenten, das Paket Paper Shaders zu verwenden:
npm install @paper-design/shaders-react