TextNew
Text Explode
The text shrinks, shakes and bursts into letters like the iMessage effect, then comes back together.
Customize
gradientFrom
gradientTo
Based on Text Explode iMessage (MIT license) ยท Terms of use
More in Pro
View allProps
5 properties| Property | Type | Default | Description |
|---|---|---|---|
| text | string | โ | Text that explodes. |
| mode | 'loop' | 'hover' | "loop" | Repeat in a loop or explode on hover. |
| className | string | โ | Classes for the wrapper. |
| gradientFrom | string | "#ffffff" | Colour of the first letter. The text fades into the gradient end colour. |
| gradientTo | string | "#d4d4d8" | Colour of the last letter, the end of the gradient. |
Dependencies
3 required packages
npm install motion clsx tailwind-merge