Matraz

Un matraz de vidrio que se llena de líquido.

Vista previa en vivo

Mezclando

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { LiquidFill } 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
value	number \| undefined	"auto"	Progreso de 0 a 100; si se omite, el matraz se llena y se vacía solo en bucle.
color	string	"#18C5DA"	Color del líquido.
speed	number	1	Velocidad del llenado y de las olas (1 = normal).
showPercent	boolean	true	Muestra el porcentaje grande sobre el matraz.
label	string	""	Texto opcional bajo el matraz.
size	number	290	Alto del matraz en px.

Esqueleto
Pro
Placeholder de carga con un brillo que cruza todos los bloques como una sola luz.
Loaders
Órbita
Pro
Loader de partículas con estela que giran en tres planos inclinados alrededor de un núcleo que late.
Loaders
Puntos en ola
Pro
Puntos que suben y bajan en ola con física de resorte: se estiran al moverse, se aplastan al caer y su sombra responde a la altura.
Loaders