Text Cursor Area
MAX
Interactive per-character text that reacts to cursor with aura and glow
Demo
Hello Cuby
Exclusive Launch 50% offspots left: 0 / 50
$39.99
$19.99
Payment once and get lifetime access
Access to all animations
All updates
All animations
No subscriptions
Properties
The TextCursorArea component accepts the following props:
| Property | Type | Default | Description |
|---|---|---|---|
text | string | (required) | Text to display and animate by character |
className | string | "" | Extra classes for the text container |
variant | "purple" | "blue" | "green" | "red" | "orange" | "pink" | "teal" | "yellow" | "purple" | Color palette for aura, near color and glow |
Variant Guide
The variant prop controls the palette and visual behavior of the aura/glow:
- purple: Purple/blue gradient with a cool glow
- blue: Vivid blues, great on dark backgrounds
- green: Emerald/teal tones with strong contrast
- red: Bright pink/red for callouts
- orange: Warm amber/orange
- pink: Vibrant fuchsia/pink
- teal: Modern teal/green-blue
- yellow: Golden yellow with high brightness
Usage Examples
INTERACTIVE TEXT
CURSOR AURA
