Botón líquido

Botón que se llena de líquido desde el punto exacto por donde entra el cursor, con borde de menisco y burbujas de luz, y se vacía hacia donde sale.

Vista previa en vivo

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 Botón líquido

npx shadcn@latest add @furin-pro/liquid-button

Prop	Tipo	Por defecto	Descripción
children	ReactNode	"Empezar"	Texto del botón.
color	string	"#8FB6FF"	Color del líquido.
textColor	string	"#EAF0FF"	Color del texto en reposo.
fillTextColor	string	"#0A1020"	Color del texto sobre el líquido.
radius	number	16	Radio de las esquinas, en px.
onClick	(e: MouseEvent) => void	""	Se llama al hacer clic.

Palanca metálica
Pro
Interruptor de palanca físico con clic.
Botones
Tecla mecánica
Pro
Tecla mecánica 3D con paredes inclinadas, plástico mate y luz de fondo; se hunde con rebote al presionar y puede sonar.
Botones
Botón confeti
Gratis
Botón que lanza confeti físico: papelitos que giran en 3D, caen con resistencia del aire y se mecen.
Botones