Estanque

Agua WebGL donde el cursor y las gotas dejan ondas que se cruzan, reflejan la luz y deforman una cuadrícula.

Vista previa en vivo

Deja ondas

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.

2. Instala Estanque

npx shadcn@latest add @furin-pro/estanque

Prop	Tipo	Por defecto	Descripción
color	string	"#1B2A8C"	Color del agua.
lightColor	string	"#C9DAFF"	Color de la luz que se refleja en las ondas.
viscosity	number	0.3	Viscosidad: 0 es agua que no deja de ondular, 1 es aceite que apaga las ondas.
dropRate	number	0.8	Gotas que caen solas por segundo; 0 deja el agua quieta hasta que la toques.
cursorForce	number	1	Fuerza de las ondas que deja el cursor; 0 las apaga.
grid	boolean	true	Una cuadrícula bajo el agua se deforma con las ondas (refracción).
gridSize	number	44	Separación de la cuadrícula en px.
className	string	""	Clase extra para el contenedor.
style	CSSProperties	undefined	Estilos extra para el contenedor.
children	ReactNode	undefined	Contenido que se dibuja encima del agua, centrado.