Saltar al contenido
Texto Pro

Pintura de luz

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

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

Vista previa en vivo

Pinta con luz

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 Pintura de luz

npx shadcn@latest add @furin-pro/light-paint-text

Props

PropTipoPor defectoDescripción
childrenstring"Pinta\\ncon luz"El texto que se dibuja con luz (acepta saltos de línea).
sizenumber96Tamaño de la letra, en px.
huenumber322Tono inicial de la luz, en grados.
spreadnumber200Cuántos grados cambia el tono de izquierda a derecha (0 = un solo color).
glownumber1Intensidad del brillo de la luz.
sparksnumber1Cantidad de chispas que salen de la luz.
durationnumber4Segundos que dura el trazo del texto.
loopbooleantrueRepite: el trazo se desvanece y la luz vuelve a escribir.

Sigue explorando

  • 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

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

    Texto