> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Morph Text > Gooey text morph — cycles through an editable word list using SVG threshold + GSAP-driven blur for a fluid, satisfying transition effect # Morph Text Gooey text morph — cycles through an editable word list using SVG threshold + GSAP-driven blur for a fluid, satisfying transition effect **Morph Text** ```html morph-text.html Morph Text
``` Copy npx hyperframes add morph-text to the clipboard That writes one file: `compositions/components/morph-text.html`. ## Paste it into your composition Open `compositions/components/morph-text.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. {/* hf:generated-footer */} Tagged `text` `text-effect` `typography` `morph` `gooey` `kinetic` `animation`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md)