---
title: "Melty Gooey Text — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Text. Subtle melt effect for text"
canonical: "https://framer.elliotli.dev/component/melty-gooey-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Melty Gooey Text

# Melty Gooey Text

Subtle melt effect for text

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

![Melty Gooey Text preview image 1](https://framer.elliotli.dev/og/component/melty-gooey-text/2342feff33864fd6/1600x1200.jpg)

## Summary

Subtle melt effect for text

## Description

Letters wobble, drip, and fuse into goo while the text auto-fits its container width, so it works as a full-bleed hero title out of the box.

What it does:

-   Animated liquid distortion with wobble, goo, drip, speed, and displace scale sliders
    
-   Runs always-on or only on hover; always-on mode adds an extra surge when hovered
    
-   Appear animation with three styles (Melt In, Rise, Blur), staggered by character or word
    
-   Full font control (family, size, weight, spacing, alignment) plus any text color
    
-   Auto-fits the text to its container width, or keeps a fixed size
    
-   Respects prefers-reduced-motion and pauses the effect while off screen
    

How to use it:

\- Drag it in, set your text, font, and color, then tune Wobble, Goo, and Drip until it feels right. Use Trigger to choose always-on or hover.

The melt is a real-time SVG turbulence filter, not a video or Lottie, so it stays sharp at any size and works with any font.

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

-   All · #332

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-07-19
- **Updated**: 2026-07-21
- **Added**: 2026-07-19
- **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