{"id":11452,"date":"2025-06-10T03:30:08","date_gmt":"2025-06-09T20:30:08","guid":{"rendered":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/"},"modified":"2025-06-10T03:30:08","modified_gmt":"2025-06-09T20:30:08","slug":"apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent","status":"publish","type":"post","link":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/","title":{"rendered":"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent"},"content":{"rendered":"

Apple liquid glass UI makes the button see-through<\/h2>\n

\u00a0<\/p>\n

During the WWDC25, <\/span>Apple<\/a> introduces the Liquid Glass UI for iOS 26, a software redesign that makes the apps, buttons, and toolbars see-through. Planned for a September 2025 release, the redesign also celebrates iPhone\u2019s 20th anniversary, even if it\u2019s in 2027. The look is present in iPadOS, macOS, watchOS, tvOS, and CarPlay to make all the Apple devices uniform. Even Safari and Camera apps will be transparent. Reports say that the brand plans to demonstrate the Liquid Glass UI during the WWDC25 at Apple Park HQ in Cupertino, California, on June 9th, 2025.<\/span><\/p>\n

\u00a0<\/p>\n

So far, the Apple Liquid Glass UI uses clear toolbars, and the controls look shiny. The apps and buttons have a \u2018glassy\u2019 look as if they were made from polished glass. The home screen icons have round edges too with a semi-translucent background. In the snippet that the company released, the icons may only have spurts of vibrant colors, unlike the other iOS updates. This means only parts of the icons have rainbow-esque shades, from yellow to pink, and the rest of the design is minimal and \u2018see-through.\u2019<\/span><\/p>\n

all images courtesy of Apple<\/p>\n

\u00a0<\/p>\n

\u00a0<\/p>\n

A change from the last iOS7 update in 2013<\/h2>\n

\u00a0<\/p>\n

The Apple Liquid Glass UI is a significant visual change for the <\/span>brand<\/a>. The last time they redesigned their software and look was in 2013 with iOS 7. Here, they went from using real-life design to \u2018flat\u2019 designs with bright colors. The upcoming UI, then, is a change, but an expected one, given that the brand aims for \u2018clarity\u2019 in its designs. The Apple Liquid Glass UI shares the style of the VisionOS. The buttons and toolbars move like liquid or as if they were floating, and the elements can change their size and adapt to the surroundings and backgrounds.\u00a0<\/span><\/p>\n

\u00a0<\/p>\n

It\u2019s not just blurring or making the background transparent, as the glass elements take on colors from the interface. These floating icons then have the same shading or palette as the wallpaper or backdrop since they\u2019re see-through. The theme of glass in the UI isn\u2019t new to the brand, either. Apple has already filed patents dating back to 2014 on all-glass iPhones, Apple Watches, and even Macs. So far, there are no updates yet on the rollout of the Apple Liquid Glass UI. This is a developing story. designboom expects to update the story in time for the brand\u2019s announcements.<\/span><\/p>\n<\/p>\n

during the WWDC25, Apple introduces the Liquid Glass UI for iOS 26<\/p>\n

the apps and buttons \u2018float\u2019 over the backdrop<\/p>\n

the transparency allows the new background to mimic the surroundings of the buttons and controls<\/p>\n

the update is present across all Apple devices<\/p>\n

detailed view of the interface<\/p>\n

the software redesign makes the apps, buttons, and toolbars see-through with partial coloring<\/p>\n

\t<\/p>\n

\n
\n
\n

the design is a change from the bright colors of the previous iOS<\/p>\n<\/p>\n<\/div>\n<\/div><\/div>\n

\t\t<\/p>\n

\u00a0<\/p>\n

project info:<\/p>\n

\u00a0<\/p>\n

name: Liquid Glass UI<\/span><\/p>\n

brand: Apple<\/span><\/a> | <\/span>@apple<\/span><\/a><\/p>\n

The post apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent<\/a> appeared first on designboom | architecture & design magazine<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Apple liquid glass UI makes the button see-through \u00a0 During the WWDC25, Apple introduces the Liquid Glass UI for iOS 26, a software redesign that makes the apps, buttons, and toolbars see-through. Planned for a … <\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[142],"tags":[],"yoast_head":"\napple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK\" \/>\n<meta property=\"og:description\" content=\"Apple liquid glass UI makes the button see-through \u00a0 During the WWDC25, Apple introduces the Liquid Glass UI for iOS 26, a software redesign that makes the apps, buttons, and toolbars see-through. Planned for a …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TSK\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-09T20:30:08+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cstc.vn\/blogtsk\/#website\",\"url\":\"https:\/\/cstc.vn\/blogtsk\/\",\"name\":\"Blog TSK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cstc.vn\/blogtsk\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#webpage\",\"url\":\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/\",\"name\":\"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK\",\"isPartOf\":{\"@id\":\"https:\/\/cstc.vn\/blogtsk\/#website\"},\"datePublished\":\"2025-06-09T20:30:08+00:00\",\"dateModified\":\"2025-06-09T20:30:08+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cstc.vn\/blogtsk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/","og_locale":"en_US","og_type":"article","og_title":"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK","og_description":"Apple liquid glass UI makes the button see-through \u00a0 During the WWDC25, Apple introduces the Liquid Glass UI for iOS 26, a software redesign that makes the apps, buttons, and toolbars see-through. Planned for a …","og_url":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/","og_site_name":"Blog TSK","article_published_time":"2025-06-09T20:30:08+00:00","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/cstc.vn\/blogtsk\/#website","url":"https:\/\/cstc.vn\/blogtsk\/","name":"Blog TSK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cstc.vn\/blogtsk\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#webpage","url":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/","name":"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent - Blog TSK","isPartOf":{"@id":"https:\/\/cstc.vn\/blogtsk\/#website"},"datePublished":"2025-06-09T20:30:08+00:00","dateModified":"2025-06-09T20:30:08+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cstc.vn\/blogtsk\/apple-unveils-liquid-glass-interface-that-makes-apps-and-buttons-on-ios-26-transparent\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cstc.vn\/blogtsk\/"},{"@type":"ListItem","position":2,"name":"apple unveils liquid glass interface that makes apps and buttons on iOS 26 transparent"}]}]}},"_links":{"self":[{"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/posts\/11452"}],"collection":[{"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/comments?post=11452"}],"version-history":[{"count":0,"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/posts\/11452\/revisions"}],"wp:attachment":[{"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/media?parent=11452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/categories?post=11452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cstc.vn\/blogtsk\/wp-json\/wp\/v2\/tags?post=11452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}