Morph Text

Gooey text morph — cycles through an editable word list using SVG threshold + GSAP-driven blur for a fluid, satisfying transition effect

Gooey text morph — cycles through an editable word list using SVG threshold + GSAP-driven blur for a fluid, satisfying transition effect

text text-effect typography morph gooey kinetic animation

Add it to a project

Ask your agent

Add the Morph Text component from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.

Terminal

npx hyperframes add morph-text

Details

Property	Value
Type	Component

Installed files

File	Target	Type
morph-text.html	compositions/components/morph-text.html	hyperframes:snippet

Use it

Ask your agent to apply the component to the intended element and preserve the project’s existing timing.

Wiring it by hand. Open compositions/components/morph-text.html and paste its contents into your composition. The comment header in that file contains any item-specific instructions.