---
title: "Text Liquid Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Ansab khalid · Text. A playful liquid hover effect that"
canonical: "https://framer.elliotli.dev/component/text-liquid-hover"
---

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

# Text Liquid Hover

A playful liquid hover effect that

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

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

## Summary

A playful liquid hover effect that

## Description

Make your website feel alive ✨

Liquid Hover adds a smooth, playful interaction that responds beautifully to your cursor. Move across the element and watch it flow, stretch, and react in real time.

Perfect for hero sections, headings, buttons, cards, portfolios, and creative landing pages.

✨ Smooth liquid animation 🖱 Interactive cursor response 🎨 Easy to customize ⚡ Lightweight and simple to use 🆓 Free for your Framer projects

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

-   All · #2616

## Details

- **Author**: Ansab khalid
- **Published**: 2026-08-27
- **Updated**: 2026-08-27
- **Added**: 2026-08-27
- **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