Forma que muta

Una figura de degradado y brillo que muta suavemente entre círculo, cuadrado y triángulo, girando y aplastándose un poco en cada cambio.

Vista previa en vivo

Cargando…

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { MorphLoader } 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
size	number	140	Lado del loader, en px.
shapes	MorphShape[]	"circle, square, triangle"	Secuencia de figuras por las que muta, en orden (circle, square, triangle, pentagon, hexagon, diamond).
from	string	"#6a5cff"	Color del degradado en la parte de abajo de la figura.
to	string	"#4de6d0"	Color del degradado en la parte de arriba de la figura.
hold	number	0.55	Segundos que se queda quieta cada figura antes de mutar.
duration	number	0.95	Segundos que dura la transición entre figuras.
spin	boolean	true	Gira la figura mientras muta.
label	string	"Cargando"	Texto oculto que leen los lectores de pantalla.

Matraz
Gratis
Un matraz de vidrio que se llena de líquido.
Loaders
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