Components

Morphing Text

A text morphing effect for hero copy, onboarding moments, empty states, and editorial interfaces that need a polished animated entrance.

Dependencies

React iconReactMotion iconMotion

Installation

npx shadcn@latest add https://skecher-ui.vercel.app/r/text-morphing.json

Usage

Import
import { MorphingText } from "@/components/ui/text-morphing";
Usage
<MorphingText
  texts={[
    "AI begins analyzing your data...",
    "Processing information and finding patterns...",
    "Generating intelligent responses...",
  ]}
  className="text-4xl font-medium"
/>