Avión de papel

El botón de enviar es una hoja de papel: se dobla paso a paso en avión, sale volando en curva y el botón vuelve con un visto.

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 Avión de papel

npx shadcn@latest add @furin-pro/paper-plane-send

Prop	Tipo	Por defecto	Descripción
children	ReactNode	"Enviar"	Texto del botón (se imprime sobre el papel).
sentLabel	string	"Enviado"	Texto que aparece cuando el avión ya salió.
accent	string	"#e2512b"	Color de la tinta (texto e ícono).
paper	string	"#fbf7ee"	Color del papel.
size	number	176	Ancho del botón, en px.
speed	number	1	Multiplicador de velocidad de la animación.
auto	boolean	false	Se envía solo cada cierto tiempo mientras nadie lo toca.
onSend	() => void	undefined	Se llama al pulsar (cuando empieza a doblarse).
disabled	boolean	false	Deshabilita el botón.

Caja de cerillos
Pro
Caja de cerillos en 3D de cartón impreso, con lija en el costado: el cajón se desliza con resorte al pasar o hacer clic y descubre cerillos y tu contenido (children) en una tarjetita.
Objetos
Caja fuerte
Pro
Disco de combinación de caja fuerte: se gira arrastrando, cada número se registra al dejarlo quieto y al acertar la puerta se abre con un clac.
Objetos
Casete
Pro
Progreso como casete: la cinta pasa de un carrete al otro con el diámetro de cada bobina cambiando de verdad, ventanita de plástico con reflejo y contador; se puede arrastrar para adelantar o rebobinar.
Objetos