Ultra Effects
Motion typography and interactive button effects: text morphing, box reveal, and text shimmer.
On This Page
Motion typography and interactive button effects: text morphing, box reveal, and text shimmer.
Motion typography and interactive button effects engineered with Framer Motion: fluid text morphing, box reveal masking, interactive hover states, and shimmer text.
npx nexoreui add ultra-effectsSmooth blur-fade text transitions cycling through an array of key phrases.
| Prop | Type | Default | Description |
|---|---|---|---|
| texts* | string[] | — | Array of string values to cycle through. |
| interval | number | 3000 | Duration in milliseconds between text transitions. |
Staggered spring entrance animation revealing words sequentially from the bottom.
| Prop | Type | Default | Description |
|---|---|---|---|
| words* | string | — | Text sentence to split and animate word-by-word. |
| delayMultiple | number | 0.08 | Stagger delay between consecutive words. |
Masking block wipe that reveals heading text with a slide-and-fade transition.
Uncompromising precision in UI engineering and animation mechanics.
Tactile action button with icon slide-in and expanded label indicator.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | 'Button' | Label text shown initially on the button. |
Subtle specular light beam sweeping across typography for subtle focal emphasis.