Saltar al contenido
Texto Pro

Relieve en papel

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

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

Vista previa en vivo

Hecho con calma

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 Relieve en papel

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

Props

PropTipoPor defectoDescripción
childrenstring"Hecho\\ncon calma"El texto que se estampa en relieve (acepta saltos de línea).
sizenumber60Tamaño de la letra, en px.
reliefnumber1Altura del relieve: más alto, más sombra y brillo en los bordes.
mode"emboss" | "deboss""emboss""emboss" levanta las letras; "deboss" las hunde en el papel.
paperstring"#f1ebdd"Color del papel de algodón.
inkstring""Color de una tinta fina sobre el relieve; vacío = relieve ciego (solo luz y sombra).
fibersnumber0.7Cuánta fibra y textura tiene el papel (0 a 1).
idlebooleantrueCuando no hay cursor, la luz rasante recorre el papel sola.

Sigue explorando

  • Bloques de color geométricos barren detrás de las palabras clave, y la tinta del texto se invierte justo bajo el bloque.

    Texto

  • Las letras proyectan sombras largas que giran con una luz que sigue al cursor.

    Texto

  • Frases en tiras verticales que se mecen.

    Texto