Vidrio roto

Un clic estrella el vidrio desde ese punto; los fragmentos caen con física y luego se rearma de un latigazo.

Vista previa en vivo

Rompe el cristal

Haz clic en el vidrio

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 Vidrio roto

npx shadcn@latest add @furin-pro/glass-shatter

Prop	Tipo	Por defecto	Descripción
children	ReactNode	""	Contenido que queda detrás del vidrio.
pieces	number	9	Radios de grietas; más radios, más fragmentos.
gravity	number	1	Multiplicador de la gravedad de los fragmentos.
auto	boolean	false	Rompe el vidrio solo, cada cierto tiempo, mientras nadie lo toca.
autoDelay	number	3200	Espera entre roturas automáticas, en ms.
scene	boolean	false	Pinta una escena de color detrás del vidrio.
sound	boolean	false	Sonido sintetizado del vidrio al romperse (solo después de un clic).
inset	number	22	Margen entre el borde y el panel de vidrio, en px.
radius	number	26	Radio de las esquinas del panel, en px.

Vitral
Pro
Vitral cuyas piezas se iluminan con la luz del cursor y proyectan su color sobre el suelo.
Vidrio
Aviso de escarcha
Pro
Notificación que se cristaliza desde la escarcha del borde y se derrite en gotas al cerrarse.
Vidrio
Canicas de vidrio
Pro
Canicas de vidrio que ruedan por una pista de rampas como indicador de carga, con física real.
Vidrio