Liquid Logo — небольшое веб-приложение от Paper, компании, которая делает одноимённый инструмент для дизайна. Оно работает на сайте liquid.paper.design, а код лежит на GitHub. В README его называют проектом «just for fun» (для развлечения).
Это не навык для агента. Это инструмент, которым пользуются в браузере, а эффект в нём взят из Paper Shaders — библиотеки кода, которую ИИ-агент может использовать на вашем сайте.
На 28 октября 2026 года у репозитория было около 1400 звёзд на GitHub.
Как это работает
- Вы загружаете логотип в SVG или картинкой. Приложение превращает его в маску и добавляет скошенный край.
- Шейдер рисует эту форму как движущийся жидкий металл.
- Можно сменить фон (металл, белый, чёрный или любой цвет) и настроить дисперсию, край, размытие узора, «жидкость», скорость и масштаб узора.
Советы из приложения
Фон логотипа должен быть прозрачным или белым. Фигуры получаются лучше, чем слова, а лучший результат дают SVG или картинка в высоком разрешении.
Что стоит знать заранее
Когда вы загружаете логотип на сайте, код сохраняет обработанное изображение в онлайн-хранилище, чтобы сделать ссылку для отправки. Не загружайте логотип, который пока нельзя показывать.
Репозиторий распространяется по лицензии PolyForm Shield. Код можно использовать, но не для создания конкурирующего продукта, так что это не классическая open-source-лицензия. Сама библиотека Paper Shaders выпущена под Apache 2.0 и включает эффект жидкого металла — именно её стоит использовать, если хотите такой эффект на своём сайте.
Как этим пользоваться
Проще всего открыть liquid.paper.design, загрузить логотип и настроить его. Чтобы запустить приложение у себя, клонируйте репозиторий:
git clone https://github.com/paper-design/liquid-logo.gitЧтобы добавить логотип из жидкого металла на свой сайт, попросите ИИ-агента использовать пакет Paper Shaders:
npm install @paper-design/shaders-react