From f9fcf33c08bb13b4f22bcbd97f08f3006f83b141 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Miguel=20=C3=81ngel?= Date: Sat, 23 May 2026 22:18:27 -0400 Subject: [PATCH] feat(registry): polish liquid glass previews --- .../assets/icons/whatsapp.jpg | Bin 0 -> 36495 bytes .../ios26-liquid-glass.html | 25 +- .../ios26-liquid-glass/registry-item.json | 5 + .../liquid-glass-context-menu.html | 227 ++++++++++++------ .../liquid-glass-media-controls.html | 55 +++-- 5 files changed, 213 insertions(+), 99 deletions(-) create mode 100644 registry/blocks/ios26-liquid-glass/assets/icons/whatsapp.jpg diff --git a/registry/blocks/ios26-liquid-glass/assets/icons/whatsapp.jpg b/registry/blocks/ios26-liquid-glass/assets/icons/whatsapp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..24dc61dc17b2ac5273bcefeabedbbd4ad8ed9e65 GIT binary patch literal 36495 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 I$sa@i2gf9T-v9sr literal 0 HcmV?d00001 diff --git a/registry/blocks/ios26-liquid-glass/ios26-liquid-glass.html b/registry/blocks/ios26-liquid-glass/ios26-liquid-glass.html index ecc64b930..c2335ceee 100644 --- a/registry/blocks/ios26-liquid-glass/ios26-liquid-glass.html +++ b/registry/blocks/ios26-liquid-glass/ios26-liquid-glass.html @@ -325,6 +325,13 @@ .ios-notification-gmail { background-image: url("assets/icons/gmail.jpg"); } + .ios-icon-preload { + position: absolute; + width: 1px; + height: 1px; + opacity: 0; + pointer-events: none; + } .ios-notification-copy { min-width: 0; flex: 1; @@ -379,8 +386,8 @@ .ios-dock-brave { background-image: url("assets/icons/brave.jpg"); } - .ios-dock-messages { - background-image: url("assets/icons/messages.jpg"); + .ios-dock-whatsapp { + background-image: url("assets/icons/whatsapp.jpg"); } .ios-dock-music { background-image: url("assets/icons/music.jpg"); @@ -427,6 +434,12 @@ +
@@ -534,9 +547,9 @@
Brave
- + 282 -
Messages
+
WhatsApp
@@ -579,7 +592,7 @@
-
+
282
@@ -1057,7 +1070,7 @@ ctx, S.iosN1, 0, - 'img[src="assets/icons/messages.jpg"]', + "#ios-notify-messages-preload", "Messages", "now", "Liquid Glass preview is ready for review.", diff --git a/registry/blocks/ios26-liquid-glass/registry-item.json b/registry/blocks/ios26-liquid-glass/registry-item.json index 5cb5b72e1..3b3e1b578 100644 --- a/registry/blocks/ios26-liquid-glass/registry-item.json +++ b/registry/blocks/ios26-liquid-glass/registry-item.json @@ -151,6 +151,11 @@ "target": "assets/icons/messages.jpg", "type": "hyperframes:asset" }, + { + "path": "assets/icons/whatsapp.jpg", + "target": "assets/icons/whatsapp.jpg", + "type": "hyperframes:asset" + }, { "path": "assets/icons/notify-messages.jpg", "target": "assets/icons/notify-messages.jpg", diff --git a/registry/blocks/liquid-glass-context-menu/liquid-glass-context-menu.html b/registry/blocks/liquid-glass-context-menu/liquid-glass-context-menu.html index 9cf5ec444..f93107258 100644 --- a/registry/blocks/liquid-glass-context-menu/liquid-glass-context-menu.html +++ b/registry/blocks/liquid-glass-context-menu/liquid-glass-context-menu.html @@ -46,26 +46,72 @@ /* ── Glass Panel ── */ .menu-panel { position: absolute; - width: 360px; - height: 500px; - background: rgba(255, 255, 255, 0.06); - --lg-blur: 0.22; - --lg-refraction: 0.6; - --lg-corner-radius: 16; - --lg-z-radius: 38; - --lg-specular: 0.2; - --lg-fresnel: 0.9; - --lg-edge-highlight: 0.1; - --lg-chrom-aberration: 0.05; - --lg-shadow-opacity: 0.35; - --lg-shadow-spread: 14; - --lg-shadow-offset-y: 4; - --lg-saturation: 0.25; + width: 390px; + height: 506px; + background: rgba(255, 255, 255, 0.15); + --lg-blur: 0.56; + --lg-refraction: 0.52; + --lg-corner-radius: 30; + --lg-z-radius: 48; + --lg-specular: 0.26; + --lg-fresnel: 1; + --lg-edge-highlight: 0.2; + --lg-chrom-aberration: 0.035; + --lg-tint: 0.88; + --lg-brightness: 0.54; + --lg-shadow-opacity: 0; + --lg-shadow-spread: 0; + --lg-shadow-offset-y: 0; + --lg-saturation: -0.24; } #glass-menu { top: 270px; left: 1980px; } + .file-panel { + position: absolute; + top: 372px; + left: 500px; + width: 360px; + height: 104px; + background: rgba(255, 255, 255, 0.11); + --lg-blur: 0.52; + --lg-refraction: 0.48; + --lg-corner-radius: 28; + --lg-z-radius: 36; + --lg-specular: 0.28; + --lg-fresnel: 0.94; + --lg-edge-highlight: 0.18; + --lg-chrom-aberration: 0.03; + --lg-tint: 0.74; + --lg-brightness: 0.34; + --lg-shadow-opacity: 0; + --lg-shadow-spread: 0; + --lg-shadow-offset-y: 0; + --lg-saturation: -0.18; + } + .submenu-panel { + position: absolute; + top: 456px; + left: 1980px; + width: 230px; + height: 58px; + background: rgba(255, 255, 255, 0.11); + --lg-blur: 0.52; + --lg-refraction: 0.5; + --lg-corner-radius: 20; + --lg-z-radius: 28; + --lg-specular: 0.3; + --lg-fresnel: 0.96; + --lg-edge-highlight: 0.18; + --lg-chrom-aberration: 0.03; + --lg-tint: 0.74; + --lg-brightness: 0.36; + --lg-shadow-opacity: 0; + --lg-shadow-spread: 0; + --lg-shadow-offset-y: 0; + --lg-saturation: -0.2; + } /* ── Text Overlay ── */ .text-overlay { @@ -85,10 +131,13 @@ gap: 18px; padding: 18px 22px; border-radius: 26px; - background: #02040a; - box-shadow: - inset 0 1px 0 rgba(255, 255, 255, 0.22), - 0 24px 70px rgba(0, 0, 0, 0.28); + background: linear-gradient( + 180deg, + rgba(255, 255, 255, 0.095) 0%, + rgba(255, 255, 255, 0.036) 38%, + rgba(255, 255, 255, 0.006) 100% + ); + box-shadow: none; } .file-icon { width: 58px; @@ -106,15 +155,21 @@ gap: 4px; } .file-title { - color: #fff; + color: rgba(5, 17, 28, 0.9); font-size: 21px; font-weight: 780; letter-spacing: 0; + text-shadow: + 0 1px 0 rgba(255, 255, 255, 0.24), + 0 10px 20px rgba(255, 255, 255, 0.14); } .file-subtitle { - color: #fff; + color: rgba(5, 17, 28, 0.72); font-size: 15px; font-weight: 650; + text-shadow: + 0 1px 0 rgba(255, 255, 255, 0.2), + 0 8px 18px rgba(255, 255, 255, 0.12); } .pointer { position: absolute; @@ -140,14 +195,14 @@ opacity: 0; } .menu-text { - width: 360px; - height: 500px; + width: 390px; + height: 506px; display: flex; flex-direction: column; - padding: 16px 0; - background: #02040a; - border-radius: 16px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24); + padding: 18px 0; + background: transparent; + border-radius: 30px; + box-shadow: none; overflow: hidden; } #text-menu { @@ -158,15 +213,17 @@ .menu-highlight { position: absolute; top: 17px; - left: 12px; + left: 14px; z-index: 0; - width: 336px; + width: 362px; height: 52px; - border-radius: 12px; + border-radius: 17px; background: - linear-gradient(90deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)), - rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28); + radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.48), transparent 42%), + linear-gradient(90deg, rgba(255, 255, 255, 0.29), rgba(255, 255, 255, 0.12)); + box-shadow: + inset 0 1px 0 rgba(255, 255, 255, 0.38), + inset 0 -1px 0 rgba(255, 255, 255, 0.1); opacity: 0; } .menu-item { @@ -175,18 +232,18 @@ display: flex; align-items: center; gap: 16px; - padding: 14px 24px; + padding: 14px 28px; font-size: 18px; font-weight: 650; - color: #fff; + color: rgb(0, 7, 14); cursor: default; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26); } .menu-item svg { width: 22px; height: 22px; flex-shrink: 0; - stroke: rgba(255, 255, 255, 0.9); + stroke: rgb(0, 7, 14); fill: none; stroke-width: 2; stroke-linecap: round; @@ -194,8 +251,8 @@ } .menu-sep { height: 1px; - margin: 10px 24px; - background: rgba(255, 255, 255, 0.2); + margin: 10px 28px; + background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent); } .menu-footer { position: relative; @@ -213,13 +270,13 @@ gap: 4px; font-size: 13px; font-weight: 650; - color: #fff; - text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45); + color: rgba(0, 7, 14, 0.9); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24); } .menu-footer-item svg { width: 24px; height: 24px; - stroke: #fff; + stroke: rgba(0, 7, 14, 0.84); fill: none; stroke-width: 2; stroke-linecap: round; @@ -229,7 +286,7 @@ margin-left: auto; font-size: 14px; font-weight: 650; - color: #fff; + color: rgba(0, 7, 14, 0.82); font-variant-numeric: tabular-nums; } .submenu-preview { @@ -237,17 +294,15 @@ top: 456px; left: 1980px; z-index: 2; - width: 210px; - height: 54px; + width: 230px; + height: 58px; display: flex; align-items: center; justify-content: center; - border-radius: 18px; - background: #02040a; - box-shadow: - inset 0 1px 0 rgba(255, 255, 255, 0.24), - 0 18px 42px rgba(0, 0, 0, 0.28); - color: #fff; + border-radius: 20px; + background: transparent; + box-shadow: none; + color: rgba(0, 7, 14, 0.92); font-size: 15px; font-weight: 760; opacity: 0; @@ -267,7 +322,9 @@ +
+
@@ -472,50 +529,80 @@ var tl = gsap.timeline({ paused: true }); var gm = document.getElementById("glass-menu"); + var gf = document.getElementById("glass-file"); + var gsm = document.getElementById("glass-submenu"); var tm = document.getElementById("text-menu"); var pointer = document.getElementById("pointer"); var fileCard = document.getElementById("context-file"); - gsap.set([gm, tm], { left: 1980, top: 270, opacity: 1 }); - gsap.set(".menu-item", { x: -8, opacity: 1 }); + gsap.set([gm, tm], { + left: 860, + top: 270, + opacity: 0, + scale: 0.82, + y: -8, + transformOrigin: "0% 18%", + }); + gsap.set([gf, fileCard], { top: 372, opacity: 1, scale: 1, transformOrigin: "78% 54%" }); + gsap.set([gsm, "#submenu-preview"], { + left: 1980, + opacity: 0, + scale: 0.86, + x: -12, + transformOrigin: "0% 50%", + }); + gsap.set(".menu-item", { y: -4, opacity: 0 }); gsap.set("#menu-highlight", { top: 17, opacity: 0 }); - gsap.set("#submenu-preview", { left: 1980, opacity: 1 }); - gsap.set(fileCard, { top: 372 }); - tl.to(fileCard, { top: 340, duration: 0.38, ease: "power3.out" }, 0.1); + tl.to([gf, fileCard], { top: 340, duration: 0.38, ease: "power3.out" }, 0.1); tl.fromTo( pointer, { left: 620, top: 520 }, { left: 778, top: 395, duration: 0.55, ease: "power3.out" }, 0.35, ); - tl.to("#click-ring", { opacity: 0.7, scale: 1.2, duration: 0.16, ease: "power2.out" }, 0.86); + tl.set("#click-ring", { left: 756, top: 372, scale: 0.72 }, 0.84); + tl.to("#click-ring", { opacity: 0.7, scale: 1.18, duration: 0.16, ease: "power2.out" }, 0.86); tl.to("#click-ring", { opacity: 0, scale: 1.8, duration: 0.28, ease: "power2.out" }, 1.02); tl.to( - fileCard, + [gf, fileCard], { scale: 0.985, duration: 0.08, ease: "power2.out", yoyo: true, repeat: 1 }, 0.86, ); - tl.to([gm, tm], { left: 860, top: 270, duration: 0.24, ease: "power3.out" }, 1.0); - tl.to(".menu-item", { x: 0, duration: 0.22, ease: "power2.out", stagger: 0.035 }, 1.08); + tl.to([gm, tm], { opacity: 1, scale: 1, y: 0, duration: 0.36, ease: "back.out(1.08)" }, 0.98); + tl.to( + ".menu-item", + { y: 0, opacity: 1, duration: 0.24, ease: "power3.out", stagger: 0.026 }, + 1.07, + ); tl.to("#menu-highlight", { opacity: 1, duration: 0.12, ease: "none" }, 1.35); tl.to("#menu-highlight", { top: 69, duration: 0.22, ease: "power2.out" }, 2.0); - tl.to("#menu-highlight", { top: 227, duration: 0.2, ease: "power2.out" }, 2.85); - tl.to("#menu-highlight", { top: 279, duration: 0.2, ease: "power2.out" }, 3.52); - tl.to("#submenu-preview", { left: 1236, duration: 0.22, ease: "power2.out" }, 3.62); - tl.to(pointer, { left: 1175, top: 472, duration: 0.42, ease: "power3.out" }, 3.7); + tl.to(pointer, { left: 1128, top: 468, duration: 0.46, ease: "power3.inOut" }, 2.48); + tl.to("#menu-highlight", { top: 187, duration: 0.22, ease: "power2.out" }, 2.58); + tl.set([gsm, "#submenu-preview"], { left: 1236 }, 3.04); + tl.fromTo( + [gsm, "#submenu-preview"], + { scale: 0.86, opacity: 0, x: -12 }, + { scale: 1, opacity: 1, x: 0, duration: 0.24, ease: "back.out(1.04)" }, + 3.08, + ); + tl.to(pointer, { left: 1318, top: 484, duration: 0.5, ease: "power3.inOut" }, 3.32); + tl.set("#click-ring", { left: 1295, top: 461, scale: 0.72 }, 3.86); tl.to( - "#submenu-preview", + "#click-ring", + { opacity: 0.72, scale: 1.08, duration: 0.12, ease: "power2.out" }, + 3.88, + ); + tl.to("#click-ring", { opacity: 0, scale: 1.58, duration: 0.24, ease: "power2.out" }, 4.0); + tl.to( + [gsm, "#submenu-preview"], { scale: 0.965, duration: 0.09, ease: "power2.out", yoyo: true, repeat: 1 }, - 4.28, + 3.92, ); - tl.to("#submenu-preview", { left: 1980, duration: 0.18, ease: "power2.in" }, 6.34); - tl.to([gm, tm], { left: 1980, top: 286, duration: 0.24, ease: "power2.in" }, 6.52); - tl.to(pointer, { left: 1360, top: 590, opacity: 0, duration: 0.35, ease: "power2.in" }, 6.55); - tl.to(fileCard, { top: -160, duration: 0.28, ease: "power2.in" }, 6.72); + tl.to(pointer, { opacity: 0, duration: 0.35, ease: "power2.out" }, 5.85); /* Duration driver */ tl.to({ v: 0 }, { v: 1, duration: DURATION, ease: "none" }, 0); diff --git a/registry/blocks/liquid-glass-media-controls/liquid-glass-media-controls.html b/registry/blocks/liquid-glass-media-controls/liquid-glass-media-controls.html index cc31501b3..ac6b3907f 100644 --- a/registry/blocks/liquid-glass-media-controls/liquid-glass-media-controls.html +++ b/registry/blocks/liquid-glass-media-controls/liquid-glass-media-controls.html @@ -46,19 +46,19 @@ /* ── Glass Panels ── */ .glass-panel { position: absolute; - background: rgba(255, 255, 255, 0.06); - --lg-blur: 0.22; - --lg-refraction: 0.6; + background: rgba(255, 255, 255, 0.055); + --lg-blur: 0.42; + --lg-refraction: 0.92; --lg-corner-radius: 36; - --lg-z-radius: 38; - --lg-specular: 0.2; - --lg-fresnel: 0.9; - --lg-edge-highlight: 0.1; - --lg-chrom-aberration: 0.05; - --lg-shadow-opacity: 0.35; - --lg-shadow-spread: 14; - --lg-shadow-offset-y: 4; - --lg-saturation: 0.25; + --lg-z-radius: 58; + --lg-specular: 0.46; + --lg-fresnel: 1.15; + --lg-edge-highlight: 0.34; + --lg-chrom-aberration: 0.08; + --lg-shadow-opacity: 0; + --lg-shadow-spread: 0; + --lg-shadow-offset-y: 0; + --lg-saturation: 1.1; } .search-panel { width: 640px; @@ -113,9 +113,9 @@ align-items: center; gap: 16px; padding: 0 28px; - background: #02040a; + background: transparent; border-radius: 24px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: none; } .search-text svg { width: 22px; @@ -131,6 +131,7 @@ font-size: 19px; font-weight: 650; color: #fff; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42); } .search-caret { width: 2px; @@ -154,9 +155,9 @@ gap: 0; position: relative; padding: 6px; - background: rgba(5, 10, 20, 0.52); + background: transparent; border-radius: 44px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18); + box-shadow: none; } .toggle-active-pill { position: absolute; @@ -166,8 +167,12 @@ width: 209px; height: 52px; border-radius: 999px; - background: rgba(255, 255, 255, 0.16); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22); + background: + radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), transparent 42%), + rgba(255, 255, 255, 0.14); + box-shadow: + inset 0 1px 0 rgba(255, 255, 255, 0.32), + inset 0 -1px 0 rgba(255, 255, 255, 0.09); } .toggle-item { flex: 1; @@ -178,6 +183,7 @@ font-weight: 700; color: rgba(255, 255, 255, 0.96); line-height: 52px; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42); } .toggle-item.active { color: #fff; @@ -195,9 +201,9 @@ align-items: center; gap: 22px; padding: 0 24px; - background: rgba(5, 10, 20, 0.56); + background: transparent; border-radius: 44px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: none; } .album-art { position: relative; @@ -237,11 +243,13 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42); } .media-artist { font-size: 16px; font-weight: 600; color: rgba(255, 255, 255, 0.84); + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42); } .media-meta-row { display: flex; @@ -297,9 +305,9 @@ align-items: center; gap: 18px; padding: 0 28px; - background: rgba(5, 10, 20, 0.56); + background: transparent; border-radius: 28px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: none; } .slider-text svg { width: 26px; @@ -314,7 +322,7 @@ .slider-track { flex: 1; height: 8px; - background: rgba(255, 255, 255, 0.22); + background: rgba(255, 255, 255, 0.24); border-radius: 4px; position: relative; } @@ -335,6 +343,7 @@ font-variant-numeric: tabular-nums; width: 42px; text-align: right; + text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42); } #text-slider { top: 616px;