---
title: "Blob Text Animation — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Plaiter HQ · Text. A blob-style text animation"
canonical: "https://framer.elliotli.dev/component/blob-text-animation"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Blob Text Animation

# Blob Text Animation

A blob-style text animation

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

![Blob Text Animation preview image 1](https://framer.elliotli.dev/og/component/blob-text-animation/2d2e9c5030942f6a/1600x1200.jpg)

## Summary

A blob-style text animation

## Description

Blob Text is an animated Framer component that cycles through multiple text values using smooth morphing transitions. Each word flows into the next with a subtle vertical motion, scale shift, and an optional gooey, liquid-like distortion that creates a blob effect during transitions.

You can control the timing, typography, alignment, and intensity of the gooey effect, making it easy to create expressive headlines, hero sections, or dynamic messaging without keyframes or external libraries.

## Key Features

-   Smooth text morphing between multiple phrases
    
-   Optional gooey / blob-style liquid effect
    
-   Adjustable transition and pause duration
    
-   Custom font, size, spacing, and alignment
    
-   Works with comma-separated text values
    
-   Lightweight and fully responsive
    

## Use Cases

-   Hero headlines
    
-   Marketing taglines
    
-   Landing page intros
    
-   Creative portfolios
    
-   Brand statements and slogans
    

## Best Practices / Tips

-   Keep text lengths similar for the cleanest morphing
    
-   Use moderate gooey values for subtle, premium motion
    
-   Increase pause duration for readability in hero sections
    

## What’s Included

-   One Blob Text component
    
-   Text cycling and timing controls
    
-   Gooey effect intensity slider
    
-   Full typography customization
    

## Who It’s For

-   Framer designers and creators
    
-   Motion-focused landing pages
    
-   Brand and marketing websites
    
-   No-code builders wanting expressive text
    

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

-   All · #7200

## Details

- **Author**: Plaiter HQ
- **Price**: $10.00
- **Published**: 2026-04-27
- **Updated**: 2026-04-27
- **Added**: 2026-01-11
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing