Saltar al contenido
Fondos Gratis

Tinta en agua

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.

Plan
Gratis · MIT
Dependencias
Solo React
Props
4 (3 ajustables)

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { InkBloom } 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.

Props

PropTipoPor defectoDescripción
colorsstring[]"[\"#2E5BFF\", \"#18E0C2\", \"#FF7A3C\"]"Colores de las gotas; se reparten en ciclo.
speednumber1Velocidad con la que florece la tinta.
intensitynumber1Brillo y cantidad de tinta.
interactivebooleantrueEl cursor agita el agua y un clic suelta una gota.

Sigue explorando

  • Brasas que suben y siguen al cursor.

    Fondos

  • La luz del fondo de una alberca: redes de luz enfocada que se mueven con las olas, con ligera dispersión de color.

    Fondos

  • Mosaico de celdas de Voronoi que respiran y se reacomodan, con bordes finos y una luz que sigue al cursor y abulta las celdas cercanas.

    Fondos