Saltar al contenido
Texto Pro

Moiré

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

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

Vista previa en vivo

Moiré

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 Moiré

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

Props

PropTipoPor defectoDescripción
childrenstring"Moiré"El texto que emerge de la interferencia (acepta saltos de línea).
sizenumber132Tamaño de la letra, en px.
pattern"lines" | "rings""lines"Patrón de la lámina de arriba: líneas rectas o anillos concéntricos.
periodnumber5Separación entre líneas, en px.
inkstring"#0c0c10"Color de las líneas.
paperstring"#efeadf"Color del fondo.
chromanumber0.18Dispersión cromática: franjas con un borde de color.
speednumber1Velocidad con la que se deslizan las láminas.

Sigue explorando

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

    Texto

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

    Texto

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

    Texto