Morphing Text

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

Installation

showLineNumbers

import { MorphingText } from "@/components/ui/morphing-text"

showLineNumbers

<MorphingText texts={["Hello", "World"]} />

Prop	Type	Default	Description
`texts`	`string[]`	`[]`	Array of texts to morph between
`className`	`string`	`""`	Additional classes for the container

This MorphingText component dynamically transitions between an array of text strings, creating a smooth, engaging visual effect.

⌘I