CircularText
Texto en órbita circular que acelera o se detiene al pasar el ratón.
- Código: RODD·TX·003
- Familia: Tipografía
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/CircularText-TS-TW
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 |
|---|
| text | string | '' |
| spinDuration | number | 20 |
| onHover | 'slowDown' | 'speedUp' | 'pause' | 'goBonkers' | undefined |
| className | string | '' |
Otros efectos de tipografía
- DiaTextReveal — Una banda de color barre el texto antes de asentarse.
- FuzzyText — Texto vibrante con interferencia analógica controlable al hover.
- Letter3dSwap — Letras que giran en 3D para cambiar de texto.
- RotatingText — Rota entre varias frases con transiciones de muelle.
- ScrollReveal — El texto se desenfoca y revela palabra a palabra con el scroll.
- SplitFlapText — Panel de aeropuerto split-flap que cambia de frase con clacks mecánicos.