Loading component…
Components /Morph Text
Blur-morph word rotation effect
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/morph-text.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| words | string[] | ["CREATE", "DESIGN", "DEVELOP"] | Array of words or phrases to cycle through. |
| interval | number | 3000 | Duration in ms each word is shown before transitioning. |
| subtext | string | - | Optional subtext rendered beneath the morphing word. |
| fontSize | string | "clamp(3rem, 15vw, 10rem)" | CSS font-size value for the morphing text. |
| fontFamily | string | "Space Grotesk", sans-serif | Font family applied to both the morph text and subtext. |
| className | string | - | Extra classes on the root wrapper. |
| textClassName | string | - | Extra classes on the morphing text container. |
| subtextClassName | string | - | Extra classes on the subtext element. |