Gooey Typography: Free Typography Component by Sydney Hong — Fr… by Sydney HongGooey Typography: Free Typography Component by Sydney Hong — Fr… by Sydney Hong
Built with Framer

Gooey Typography: Free Typography Component by Sydney Hong — Fr…

Sydney Hong

Sydney Hong

Gooey Typography — Turn text into gooey logos
Gooey Typography — Turn text into gooey logos

Gooey Typography — Turn text into gooey logos

Create soft, creamy, liquid-style wordmarks directly in Framer. Type any word, adjust puffiness, melt, wobble, color, and blend mode, then place it over images, hero sections, editorials, or brand visuals.

About this Component

Goody Typography is a customizable gooey typography component for creating soft, creamy, liquid-like wordmarks in Framer.
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.
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
Like this project

Posted Jun 5, 2026

Create soft, creamy, liquid-style wordmarks directly in Framer. Type any word, adjust puffiness, melt, wobble, color, and blend mode, then place it over images…