SparklesText
Texto con destellos que aparecen alrededor.
- Código: RODD·TX·060
- Familia: Tipografía
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/sparkles-text.json"
Cuándo usarlo
Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| children | unknown | |
| colors | unknown | { first: "#9E7AFF", second: "#FE8BBB" } |
| className | unknown | |
| sparklesCount | number | 10 |
Otros efectos de tipografía
- TextCursor — Un texto que sigue al cursor dejando una estela de copias.
- TrueFocus — Un visor de enfoque salta entre palabras desenfocando el resto.
- WarpText — Distorsión WebGL que dobla y refracta el texto alrededor del puntero.
- BreathingText — Texto que “respira” cambiando su peso.
- DecryptedText — Descifrado estilo hacker: glifos aleatorios hasta revelar el texto.
- FallingText — Las palabras caen con gravedad y rebotan con física real.