Semitono

Semitono de imprenta con dos tintas sobreimpresas: los puntos crecen y se encogen con un campo que fluye y con el cursor.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { HalftoneField } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
ink	string	"#e9e4d8"	Color de la tinta principal.
accent	string	"#d9573a"	Color de la segunda tinta (se sobreimprime con otro ángulo).
background	string	"#0b0c0f"	Color del fondo (el papel).
spacing	number	11	Separación entre puntos de la trama, en px.
speed	number	1	Qué tan rápido se mueve el campo.
cursorRadius	number	150	Radio de influencia del cursor, en px.
accentAmount	number	1	Cuánto pesa la segunda tinta (0 la apaga).

Tinta en agua
Gratis
Gotas de tinta que florecen en agua oscura con remolinos y hebras, una tras otra en ciclo. Toca para soltar una gota; mueve el cursor para agitar el agua.
Fondos
Brasas
Pro
Brasas que suben y siguen al cursor.
Fondos
Cáusticas
Pro
La luz del fondo de una alberca: redes de luz enfocada que se mueven con las olas, con ligera dispersión de color.
Fondos