---
title: "Gooey Typography — Free Framer component · Best of Framer"
description: "Free Framer component · by Sydney Lab · Text. Turn text into gooey logos"
canonical: "https://framer.elliotli.dev/component/gooey-typography"
---

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

# Gooey Typography

Turn text into gooey logos

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

![Gooey Typography preview image 1](https://framer.elliotli.dev/og/component/gooey-typography/81e23d99b2759c38/1600x1200.jpg)

## Summary

Turn text into gooey logos

## Description

Goody Typography is a customizable gooey typogra

phy component for creating soft, creamy, liquid-like wordmarks in Framer.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-85idlpy0-Tq8tgIQLZSNqdzSbzQeYOHmbwC7R5l)

Simply type your text and adjust the visual controls to shape the result. Use Puff to make the letters feel inflated, Melt to soften the edges, Goo to blend the forms together, and Wobble to add an organic hand-made distortion.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-wbanxipw-9nnBHf9axRrifI3pOmWekHW3HYCRaA)

Perfect for beauty brands, wellness websites, editorial landing pages, personal portfolios, campaign visuals, and image-based hero sections.

Features:

• Editable text

• Custom color

• Font family control

• Font size and weight control

• Letter spacing control

• Puff, melt, goo, and wobble controls

• Shape seed for different organic distortions

• Blend mode and opacity controls

• Works beautifully over photography and gradient backgrounds

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

-   All · #3918

## Details

- **Author**: Sydney Lab
- **Published**: 2026-05-12
- **Updated**: 2026-09-07
- **Added**: 2026-05-12
- **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