TextProNew
Morphing Text
One word melts into the next through a liquid blur. A striking hero headline.
Customize
gradientFrom
gradientTo
Based on Morphing Text (MIT license) ยท Terms of use
Props
4 properties| Property | Type | Default | Description |
|---|---|---|---|
| texts | string[] | โ | Words that melt into each other in a loop. |
| className | string | โ | Wrapper classes: font size, color, height. |
| gradientFrom | string | "#ffffff" | Colour at the top of the letters. It fades into the second colour below. |
| gradientTo | string | "#d4d4d8" | Colour at the bottom of the letters. |
Dependencies
2 required packages
npm install clsx tailwind-merge