Morphing Text

Creates smooth transitions between words by morphing their shared letters.

Letter morphingFluid transitionsShared characters
Basic
Features

Character Morphing

Intelligently morphs shared characters between words.

Fluid Motion

Seamlessly transitions text content.

Layout Stable

Maintains layout integrity during animation.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add morphing-text

Anatomy
import { MorphingText } from "@/components/ui/motion/morphing-text";<MorphingText texts={["Hello", "World"]} />
Testing Playground
Props

Loading types…

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI

Starter Kits

Templates

    Coming Soon

Labs