Saltar al contenido
Texto Pro

Papel rasgado

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

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

Vista previa en vivo

Última hora

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 Papel rasgado

npx shadcn@latest add @furin-pro/torn-paper-text

Props

PropTipoPor defectoDescripción
childrenstring"Última\\nhora"El titular que queda al descubierto (acepta saltos de línea).
sizenumber84Tamaño de la letra, en px.
coverstring"#e5553a"Color del papel que se rasga.
sheetstring"#f1ece0"Color del papel de abajo (donde está el titular).
inkstring"#15130f"Color de la tinta del titular.
fibernumber1Qué tan fibroso es el borde del rasgado.
loopbooleantrueRepite: el papel se rasga, se queda abierto y se vuelve a cerrar.
holdnumber3Segundos que se queda el papel abierto.
soundbooleanfalseSonido sintetizado del papel al rasgarse (solo suena tras tocar la hoja).

Sigue explorando

  • Texto trazado con luz como foto de larga exposición.

    Texto

  • Texto con reflejo en piso mojado que ondula al pasar el cursor.

    Texto

  • Texto en relieve sobre papel de algodón con luz rasante que sigue al cursor.

    Texto