magic-ui
components
ui

morphing-text

A dynamic text morphing component for Magic UI.

animated
effect
positioning
text
View Docs

Source Code

Files
morphing-text
1import { MorphingText } from "@/components/magicui/morphing-text";
2 
3const texts = [
4  "Hello",
5  "Morphing",
6  "Text",
7  "Animation",
8  "React",
9  "Component",
10  "Smooth",
11  "Transition",
12  "Engaging",
13];
14 
15export function MorphingTextDemo() {
16  return <MorphingText texts={texts} />;
17}