Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

19.0k
196

Morphing Text

PreviousNext

A dynamic text morphing component for Magic UI.

Installation

pnpm dlx shadcn@latest add @magicui/morphing-text

Usage

import { MorphingText } from "@/components/magicui/morphing-text"
<MorphingText texts={["Hello", "World"]} />

Props

PropTypeDefaultDescription
textsstring[][]Array of texts to morph between
classNamestring?""Additional classes for the container

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

Credits