---
title: "Liquid Logo — Free Framer component · Best of Framer"
description: "Free Framer component · by gustavwf · Effects. About this component Meet Liquid Logo, a fluid hover effect made for logos."
canonical: "https://framer.elliotli.dev/component/liquid-logo"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Liquid Logo

# Liquid Logo

Liquid effect made for logos.

[View on Framer](https://framer.com/marketplace/components/liquid-logo/?via=elliot-li)

![Liquid Logo preview image 1](https://framer.elliotli.dev/og/component/liquid-logo/9fbd1ab5d99906e4/1600x1200.jpg)

## Summary

About this component Meet Liquid Logo, a fluid hover effect made for logos.

## Description

## About this component

Meet Liquid Logo, a fluid hover effect made for logos. It responds to mouse and touch gestures, rippling, bending, and refracting colors like a liquid surface.

Built with WebGL for performance, the effect feels responsive and lightweight while remaining crisp at any size.

Use it for hero sections, brand reveals, loading moments, hover states, or anywhere you want a static logo to feel more alive.

## Properties

-   Image and SVG support
    
-   Animation controls (distortion, interaction radius, decay)
    
-   Optional & customizable chromatic color blending
    
-   Optional & customizable idle motion when the cursor is inactive
    
-   Performance-aware behavior when offscreen or tabbed away
    

## Questions?

If you have any questions about this component, feel free to contact me [@gustavwf](https://x.com/gustavwf) or [hi@gustavwf.com](mailto:hi@gustavwf.com)

## Want more?

Find my works [here](https://gustavwf.supply).

## Rank history [How rankings work →](/terms#rankings)

-   All · #514

## Details

- **Author**: gustavwf
- **Published**: 2026-04-03
- **Updated**: 2026-04-02
- **Added**: 2026-03-20
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows