VariableFontAndCursor
Tipografía variable controlada por la posición del cursor.
- Código: RODD·TX·072
- Familia: Tipografía
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/variable-font-and-cursor.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 | |
| as | ElementType | "span" |
| fontVariationMapping | FontVariationMapping | |
| containerRef | React.RefObject<HTMLDivElement | null> | |
| className | unknown | |
Otros efectos de tipografía
- AuroraText — Texto relleno con una aurora de colores animada.
- CountUp — Contador animado con separadores y decimales, ideal para métricas.
- DockText — Letras con magnificación tipo dock.
- GlitchText — Glitch RGB con separación de canales y temblor.
- LineShadowText — Texto con una sombra de líneas en movimiento.
- ScaleLetterText — Las letras crecen al pasar el ratón.