Puntos en ola

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.

Vista previa en vivo

Cargando…

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 Puntos en ola

npx shadcn@latest add @furin-pro/dots-wave

Prop	Tipo	Por defecto	Descripción
count	number	5	Cuántos puntos tiene la ola.
dotSize	number	16	Diámetro de cada punto, en px.
height	number	30	Altura máxima del salto, en px.
from	string	"#7aa2ff"	Color del primer punto.
to	string	"#ff7ab6"	Color del último punto.
period	number	1.5	Segundos que tarda la ola en volver a empezar.
bounce	number	0.6	Cuánto rebotan los puntos antes de quedarse quietos (0 a 1).
label	string	"Cargando"	Texto oculto que leen los lectores de pantalla.

Escribiendo
Gratis
Burbuja de "escribiendo…" con tres puntos que rebotan con elasticidad y, en ciclo, se convierte en la respuesta con un pequeño resorte.
Loaders
Forma que muta
Gratis
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.
Loaders
Matraz
Gratis
Un matraz de vidrio que se llena de líquido.
Loaders