AuroraText
Texto relleno con una aurora de colores animada.
- Código: RODD·TX·035
- Familia: Tipografía
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/aurora-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 | React.ReactNode | |
| className | string | "" |
| colors | string[] | ["#FF0080", "#7928CA", "#0070F3", "#38bdf8"] |
| speed | number | 1 |
Otros efectos de tipografía
- CurvedLoop — Marquesina que fluye sobre una curva y se puede arrastrar.
- EchoText — Copias fantasma siguen al texto hasta fundirse en una sola palabra.
- GradientText — Degradado animado que recorre el texto en vivo.
- MaskedHeading — Titular gigante con imagen o malla de color vista a través de las letras.
- ScrambledText — Las letras cercanas al cursor se revuelven y vuelven a su sitio.
- ShinyText — Destello metálico que recorre el texto como un reflejo.