Reloj de arena

Reloj de arena de vidrio y madera: los granos caen de verdad, el montón crece con su talud y se voltea con un clic.

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 Reloj de arena

npx shadcn@latest add @furin-pro/hourglass

Prop	Tipo	Por defecto	Descripción
duration	number	20	Tiempo que tarda en caer toda la arena, en segundos.
size	number	210	Ancho del reloj, en px (el alto es 5/3 del ancho).
sand	string	"#e8c27a"	Color de la arena.
wood	string	"#8a5a30"	Color base de la madera.
autoStart	boolean	true	Lo voltea solo al entrar en pantalla para arrancar.
loop	boolean	false	Al terminar, se voltea solo y vuelve a empezar.
onComplete	() => void	undefined	Se llama cuando cae el último grano.
onFlip	() => void	undefined	Se llama cada vez que se voltea.

Sello de lacre
Pro
Sobre de papel con sello de lacre en relieve (iluminación real con filtros SVG): al hacer clic el lacre se rompe en fragmentos que ruedan sobre la mesa, la solapa se abre en 3D y la carta (children) sale deslizándose.
Objetos
Tubos Nixie
Pro
Contador con tubos de vidrio Nixie: cátodos apilados, brillo naranja con halo y parpadeo al encender cada dígito.
Objetos
Vinil
Pro
Portada de disco de la que sale un vinil con surcos y reflejo anisotrópico; gira solo y si arrastras sobre él lo rayas: frena, retrocede y vuelve a su velocidad, con scratch sintetizado opcional.
Objetos