Morphing Text

Text that morphs between different strings.

npx arupui add morphing-text
Preview

We build

amazing
products

Usage

morphing-text.tsx
import { MorphingText } from "@/components/blocks/morphing-text"

<MorphingText texts={["fast", "beautiful", "powerful"]} />

Props

texts
Type: string[]Default: -
interval
Type: numberDefault: 3000
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light