---
title: "Liquid Text — Framer component · Best of Framer"
description: "$7.00 · Framer component · by gustavwf · Text. About this component Bring your typography to life with Liquid Text."
canonical: "https://framer.elliotli.dev/component/liquid-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Liquid Text

# Liquid Text

Fluid typography hover animation

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

![Liquid Text preview image 1](https://framer.elliotli.dev/og/component/liquid-text/7e18e82e8c9414b1/1600x1200.jpg)

## Summary

About this component Bring your typography to life with Liquid Text.

## Description

## About this component

Bring your typography to life with Liquid Text.

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. Liquid Text also includes optional idle motion, allowing the surface to gently move even when the user isn’t interacting, making it ideal for eye-catching heros, headlines, and footers.

## Properties

-   Title & font controls
    
-   Animation controls (distortion, interaction radius, decay)
    
-   Optional & customizable chromatic color blending
    
-   Optional & customizable idle motion when the cursor is inactive
    

## 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 · #630

## Details

- **Author**: gustavwf
- **Price**: $7.00
- **Published**: 2026-03-26
- **Updated**: 2026-10-06
- **Added**: 2026-03-14
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos