Morphing Text

A headline text animation whose last word cycles through a list with a gooey blur morph — an SVG alpha threshold fuses the outgoing and incoming words into one liquid shape while the slot eases between word widths.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/morphing-text.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Morphing Text – shadcn/ui Component by tween-ui | shadcnregistry

Registries
tween-ui
Morphing Text

Morphing Text

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/morphing-text.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

gsap
@gsap/react

components/tweenui/morphing-text.tsx

gsap
@gsap/react

components/tweenui/morphing-text.tsx