Saltar al contenido
Texto Pro

Imprenta

Letras hundidas con tinta que se extiende como en la imprenta de tipos móviles.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
9 (9 ajustables)

Vista previa en vivo

Tinta y presión

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

Usar mi licencia

2. Instala Imprenta

npx shadcn@latest add @furin-pro/letterpress-text

Props

PropTipoPor defectoDescripción
childrenstring"Tinta y\\npresión"El texto que se imprime (acepta saltos de línea).
sizenumber62Tamaño de la letra, en px.
inkstring"#17264a"Color de la tinta.
paperstring"#efe8d6"Color del papel de algodón.
depthnumber1Qué tan hondo muerde el tipo en el papel.
spreadnumber0.6Cuánta tinta se expande en los bordes.
loopbooleantrueCada pocos segundos entra una hoja nueva y la prensa vuelve a imprimirla.
holdnumber3.2Segundos que se queda la hoja impresa antes de cambiarla.
soundbooleanfalseSonido sintetizado de la prensa al imprimir (solo suena tras tocar la hoja).

Sigue explorando

  • Letras de globo metálico inflado que rebotan y se aplastan con el cursor.

    Texto

  • El texto aparece por interferencia de dos patrones de líneas que se deslizan.

    Texto

  • Una capa de papel se rasga con borde fibroso y revela el titular.

    Texto