{"id":14682,"date":"2025-09-26T11:28:10","date_gmt":"2025-09-26T09:28:10","guid":{"rendered":"https:\/\/mobivery.com\/?p=14682"},"modified":"2025-10-08T07:36:46","modified_gmt":"2025-10-08T05:36:46","slug":"liquid-glass-effect","status":"publish","type":"post","link":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/","title":{"rendered":"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps"},"content":{"rendered":"<h2 data-start=\"508\" data-end=\"563\">1. Introduction: The New Era of Design in iOS 26<\/h2>\n<p data-start=\"564\" data-end=\"971\">Apple has always been a pioneer when it comes to design and user experience. From the days of skeuomorphism in iOS 1 to iOS 6, to the flat minimalism introduced with iOS 7, each evolution has marked a turning point in how we perceive and use apps. With iOS 26, Apple introduces the Liquid Glass effect: an approach that seeks to merge <strong>depth, transparency, and fluidity<\/strong> into every corner of the interface.<\/p>\n<p data-start=\"564\" data-end=\"971\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-14615 size-full\" title=\"gif liguid glass effect ios\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Liquid-Glass-iOS-26-2-1.gif\" alt=\"gif liguid glass effect ios\" width=\"600\" height=\"263\" \/><\/p>\n<h2 data-start=\"978\" data-end=\"1043\">2. More than just aesthetics: The principles of Liquid Glass iOS<\/h2>\n<p>Liquid Glass iOS isn&#8217;t simply a visual effect. It&#8217;s based on three main pillars:<\/p>\n<ul>\n<li><strong>Dynamic Transparency<\/strong>: Interfaces feel like overlapping sheets of glass that reveal what&#8217;s behind them.<\/li>\n<li><strong>Fluid Interaction<\/strong>: Movements and transitions convey realism, as if the screen reacted to touch with a liquid effect.<\/li>\n<li><strong>Depth and Context<\/strong>: Elements no longer float in static planes; they now generate a sense of space and depth, helping the user understand hierarchies and states.<\/li>\n<\/ul>\n<p>This new paradigm brings coherence to the entire Apple ecosystem, from iPhone to iPad to Vision Pro.<\/p>\n<p data-start=\"1597\" data-end=\"1703\"><img decoding=\"async\" class=\"aligncenter wp-image-14617 size-full\" title=\"ios devices\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/ios-devices.png\" alt=\"ios devices\" width=\"600\" height=\"338\" \/><\/p>\n<h2 data-start=\"1710\" data-end=\"1794\">3. Why is the &#8220;liquid effect&#8221; a crucial goal for Apple&#8217;s user experience (UX)?<\/h2>\n<p>Apple&#8217;s goal with Liquid Glass goes beyond aesthetics: it focuses on improving the user experience.<\/p>\n<ul>\n<li><strong>Greater visual clarity<\/strong>: Transparency allows the user to maintain the context of where they are.<\/li>\n<li><strong>More natural interactions<\/strong>: Gestures appear to elicit real responses, as if touching a physical, organic, natural object.<\/li>\n<li><strong>Reduced cognitive fatigue<\/strong>: Smooth transitions make interface changes more understandable and intuitive.<\/li>\n<li><strong>Consistency across the ecosystem<\/strong>: What you learn in one app is replicated in another, improving the learning curve. Furthermore, users will perceive this equally across all Apple products from now on.<\/li>\n<li><strong>Improved accessibility<\/strong>: Liquid Glass respects and adapts to the system&#8217;s accessibility settings.\n<ul>\n<li><strong>Reduce transparency<\/strong> can be activated, making translucent elements more opaque to make them easier to read for people with visual impairments.<\/li>\n<li><strong>Increase contrast<\/strong> reinforces edges and enhances the visibility of text and icons against blurred backgrounds.<\/li>\n<li>Additionally, other settings such as <strong>Reduce motion<\/strong>, which reduces animations and effects for those sensitive to motion, are respected.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-14619 size-full\" title=\"glass effect\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/accessibility-glass.png\" alt=\"glass effect\" width=\"600\" height=\"319\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 data-start=\"2967\" data-end=\"3037\">4. What if your app isn&#8217;t ready for Liquid Glass iOS?<\/h2>\n<p>This is where the challenge arises. If you compile an old app without adapting it, you&#8217;ll notice some differences in the change, such as:<\/p>\n<ul>\n<li><strong>Navigation Bar<\/strong>: Previously, they looked flat and rigid; now they flow with a dynamic blur that adds lightness (image 3). The top bar buttons are no longer integrated into the navbar itself, but appear on a layer above it with a Liquid Glass button effect (images 1 and 2). If the app isn&#8217;t adapted, your navbar may not appear transparent or have a blur effect (image 2).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14626 size-full\" title=\"navigation bar with glass effect\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Navbar.png\" alt=\"navigation bar with glass effect\" width=\"1494\" height=\"403\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Navbar.png 1494w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Navbar-768x207.png 768w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"445\" data-end=\"719\"><strong>Buttons<\/strong>: All buttons, whether or not they have a solid background color, inherit the characteristic glass look. The problem arises when, in code, a click area larger than the button body itself has been defined, which can lead to visual inconsistencies (images 1 and 2).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14628 size-full\" title=\"buttons with glass effect\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/buttons.png\" alt=\"buttons with glass effect\" width=\"1344\" height=\"230\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/buttons.png 1344w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/buttons-768x131.png 768w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"723\" data-end=\"939\"><strong>Tab Bars<\/strong>: In non-custom apps, if a custom setting has been made, an opaque block with a shadow may appear (image 1); additionally, the colors change completely to black and white with Liquid Glas, and the bar may not fit properly and may not be easily visible (images 1 and 2). In apps that support this effect, the bar is translucent and blends seamlessly into the background (image 3).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14630 aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/tabbar.png\" alt=\"liquid glass ios\" width=\"1245\" height=\"230\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/tabbar.png 1245w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/tabbar-768x142.png 768w\" sizes=\"(max-width: 1245px) 100vw, 1245px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"943\" data-end=\"1063\"><strong>Switches:<\/strong> There are changes in the new system. Your switches will natively adopt the new reflections, brightness, and interactions that will give the system consistency (images 2 and 3).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14637\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/switches-1.png\" alt=\"liquid glass ios\" width=\"526\" height=\"188\" \/> \u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14635\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Liquid-Glass-beautiful-toggle-animation.gif\" alt=\"liquid glass ios\" width=\"313\" height=\"182\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Liquid-Glass-beautiful-toggle-animation.gif 895w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/Liquid-Glass-beautiful-toggle-animation-768x446.gif 768w\" sizes=\"(max-width: 313px) 100vw, 313px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1067\" data-end=\"1302\"><strong data-start=\"1067\" data-end=\"1090\"> Keyboards<\/strong>: The old ones look like rigid layers (img 1); the new ones give off a fluid glass effect (img 2).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-14641 aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/keyboards.png\" alt=\"liquid glass ios\" width=\"449\" height=\"309\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/keyboards.png 776w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/keyboards-768x528.png 768w\" sizes=\"(max-width: 449px) 100vw, 449px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1306\" data-end=\"1457\"><strong>Webview toolbars<\/strong>: They have a different look and feel. Previously, they were in a fixed, opaque bar running from side to side of the screen (image 1), and now only the actions float transparently, allowing the content behind them to be seen (image 2).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-14661 aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/toolbar.png\" alt=\"liquid glass ios\" width=\"458\" height=\"124\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1461\" data-end=\"1594\"><strong>Notifications<\/strong>: The new notifications are completely transparent with liquid glass reflections (image 2)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-14654 aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/notis.png\" alt=\"liquid glass ios\" width=\"449\" height=\"287\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/notis.png 777w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/notis-768x490.png 768w\" sizes=\"(max-width: 449px) 100vw, 449px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1461\" data-end=\"1594\"><strong>Sheets<\/strong>: The old ones are more square, with an integrated action button (images 1 and 3). The new one appears lighter, more floating, and dims the background more subtly (images 2 and 4).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-14652 size-full aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/modal-sheet-1.png\" alt=\"liquid glass ios\" width=\"1632\" height=\"290\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/modal-sheet-1.png 1632w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/modal-sheet-1-768x136.png 768w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/modal-sheet-1-1536x273.png 1536w\" sizes=\"(max-width: 1632px) 100vw, 1632px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1598\" data-end=\"1809\"><strong data-start=\"1598\" data-end=\"1611\">App Icons<\/strong>: The adapted icons show overlapping layers of glass with reflections (img 2 and 3).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-14664 aligncenter\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/icons.png\" alt=\"liquid glass ios\" width=\"679\" height=\"235\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/icons.png 1301w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/icons-768x266.png 768w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li data-start=\"1813\" data-end=\"2082\"><strong data-start=\"1813\" data-end=\"1870\">Action Sheets \/ Alerts \/ Activity Views<\/strong>: In previous versions, they were perceived as rigid, gray, and opaque boxes. With Liquid Glass, they appear like sheets of glass floating above the contents, much lighter and more consistent with the rest of the system.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-14648\" title=\"alerts ios new design\" src=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/activity-view-1.png\" alt=\"alerts ios new design\" width=\"443\" height=\"281\" srcset=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/activity-view-1.png 806w, https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/activity-view-1-768x488.png 768w\" sizes=\"(max-width: 443px) 100vw, 443px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>An important point comes into play here: in iOS 26, the <strong>system enforces containers with specific corner radii that can no longer be overridden so freely<\/strong>. This means that even if you try to customize a modal, the container, or other components, iOS 26 will adjust it to the system style, with concentric corners and visual consistency.<\/li>\n<\/ul>\n<p>&#x1f449; We&#8217;ve noticed that <strong>custom components don&#8217;t work well under this new visual philosophy<\/strong>. This marks a turning point in interface design: it&#8217;s now even more advisable to opt for native Apple components, which are already optimized for Liquid Glass iOS.<\/p>\n<p>Even in <strong>slightly customized but native toolbars<\/strong>, we&#8217;ve observed that the integration isn&#8217;t always perfect, reinforcing the importance of keeping the UI as close as possible to the official standards.<\/p>\n<p>&nbsp;<\/p>\n<h2 data-start=\"5040\" data-end=\"5110\">5. Conclusion: How to integrate the Liquid Glass iOS effect into your app<\/h2>\n<p>Adopting Liquid Glass isn&#8217;t just a cosmetic change: it&#8217;s a <strong>strategic UX\/UI decision<\/strong> that can set you apart from your competition.<\/p>\n<p>In practice, Apple is forcing a more unified design: less room for customization and greater consistency across apps.<\/p>\n<h3>Practical Guide for Designers<\/h3>\n<ol>\n<li><strong>Check that all your components are native<\/strong> (tabbars, navbars, toolbars).<\/li>\n<li><strong>Update the UI for consistency<\/strong> with dynamic Liquid Glass transparencies and blur effects.<\/li>\n<li><strong>Avoid solid backgrounds<\/strong>, angles, and hard shadows in your cards that break consistency.<\/li>\n<li><strong>Test in different scenarios<\/strong>: light\/dark mode, high-contrast environments.<\/li>\n<li><strong>Minimize the use of custom components<\/strong> or consider redesigning them to adopt the new philosophy.<\/li>\n<li><strong>Keep in mind that system-imposed containers<\/strong> (especially in modals, action sheets, and activity views) have their own (very rounded) corner radii; design the rest of the UI consistently.<\/li>\n<li><strong>Think in layers<\/strong>: place content at the bottom and a floating layer of glass on top with light and shadow effects for actions.<\/li>\n<li><strong>Apply Liquid Glass sparingly<\/strong>, on key surfaces such as important controls or navigation bars. Avoid overlapping layers of glass.<\/li>\n<li><strong>Remove unnecessary decorative backgrounds<\/strong> to make the interface feel cleaner and smoother.<\/li>\n<\/ol>\n<p><strong>In iOS 26, the message is clear:<\/strong> the more you rely on <strong>native components<\/strong> and accept Apple&#8217;s guidelines, the better the integration with Liquid Glass will be. Heavy customizations or attempts to force different styles now can become a hindrance to the experience.<\/p>\n<p>If you want your app to not only meet expectations, but exceed them, <a href=\"https:\/\/mobivery.com\/en\/contact\/\">contact <strong>Mobivery<\/strong><\/a> to start designing and <a href=\"https:\/\/mobivery.com\/en\/mobile-app-development-stages\/\">developing your app<\/a> with a &#8220;liquid glass touch.&#8221;<br \/>\nAdditionally, if your app is already published and <strong>needs adjustments to properly adapt to the new Liquid Glass<\/strong>, at Mobivery we can take care of both the <a href=\"https:\/\/mobivery.com\/en\/design\/\">design improvements<\/a> and the <a href=\"https:\/\/mobivery.com\/en\/build\/\">development updates<\/a> necessary to make it look perfect on iOS 26.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tiempo de lectura:<\/span> <span class=\"rt-time\"> 6<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>1. Introduction: The New Era of Design in iOS 26 Apple has always been a pioneer when it comes to design and user experience. From the days of skeuomorphism in iOS 1 to iOS 6, to the flat minimalism introduced with iOS 7, each evolution has marked a turning point in how we perceive and [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":14612,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[],"class_list":["post-14682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Liquid Glass Effect iOS 26: Key Features of the New Design<\/title>\n<meta name=\"description\" content=\"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobivery.com\/en\/liquid-glass-effect\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps\" \/>\n<meta property=\"og:description\" content=\"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobivery.com\/en\/liquid-glass-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobivery\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-26T09:28:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-08T05:36:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"415\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Laura Abajo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Abajo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/\"},\"author\":{\"name\":\"Laura Abajo\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/person\\\/68bcd4db3b54b2f26d8184698ccad1d5\"},\"headline\":\"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps\",\"datePublished\":\"2025-09-26T09:28:10+00:00\",\"dateModified\":\"2025-10-08T05:36:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/\"},\"wordCount\":1225,\"publisher\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/post-glass.png\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/\",\"name\":\"The Liquid Glass Effect iOS 26: Key Features of the New Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/post-glass.png\",\"datePublished\":\"2025-09-26T09:28:10+00:00\",\"dateModified\":\"2025-10-08T05:36:46+00:00\",\"description\":\"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/post-glass.png\",\"contentUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/post-glass.png\",\"width\":700,\"height\":415,\"caption\":\"ejemplo efecto liquid glass ios\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/liquid-glass-effect\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\",\"name\":\"Mobivery\",\"description\":\"We are touchnology\",\"publisher\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mobivery.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#organization\",\"name\":\"Mobivery\",\"url\":\"https:\\\/\\\/mobivery.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Grupo-148-negro.png\",\"contentUrl\":\"https:\\\/\\\/mobivery.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Grupo-148-negro.png\",\"width\":260,\"height\":62,\"caption\":\"Mobivery\"},\"image\":{\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/es.linkedin.com\\\/company\\\/mobivery\",\"https:\\\/\\\/www.instagram.com\\\/mobivery\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mobivery.com\\\/en\\\/#\\\/schema\\\/person\\\/68bcd4db3b54b2f26d8184698ccad1d5\",\"name\":\"Laura Abajo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g\",\"caption\":\"Laura Abajo\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Liquid Glass Effect iOS 26: Key Features of the New Design","description":"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.","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:\/\/mobivery.com\/en\/liquid-glass-effect\/","og_locale":"en_US","og_type":"article","og_title":"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps","og_description":"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.","og_url":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/","og_site_name":"Mobivery","article_published_time":"2025-09-26T09:28:10+00:00","article_modified_time":"2025-10-08T05:36:46+00:00","og_image":[{"width":700,"height":415,"url":"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png","type":"image\/png"}],"author":"Laura Abajo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Laura Abajo","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#article","isPartOf":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/"},"author":{"name":"Laura Abajo","@id":"https:\/\/mobivery.com\/en\/#\/schema\/person\/68bcd4db3b54b2f26d8184698ccad1d5"},"headline":"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps","datePublished":"2025-09-26T09:28:10+00:00","dateModified":"2025-10-08T05:36:46+00:00","mainEntityOfPage":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/"},"wordCount":1225,"publisher":{"@id":"https:\/\/mobivery.com\/en\/#organization"},"image":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/","url":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/","name":"The Liquid Glass Effect iOS 26: Key Features of the New Design","isPartOf":{"@id":"https:\/\/mobivery.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#primaryimage"},"image":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png","datePublished":"2025-09-26T09:28:10+00:00","dateModified":"2025-10-08T05:36:46+00:00","description":"iOS 26 introduces the Liquid Glass effect, a new design philosophy for mobile apps. Find out what it is and how it affects the UX.","breadcrumb":{"@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobivery.com\/en\/liquid-glass-effect\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#primaryimage","url":"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png","contentUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2025\/09\/post-glass.png","width":700,"height":415,"caption":"ejemplo efecto liquid glass ios"},{"@type":"BreadcrumbList","@id":"https:\/\/mobivery.com\/en\/liquid-glass-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobivery.com\/en\/"},{"@type":"ListItem","position":2,"name":"The \u2018Liquid Glass\u2019 effect in iOS 26: Key features of the new design in mobile apps"}]},{"@type":"WebSite","@id":"https:\/\/mobivery.com\/en\/#website","url":"https:\/\/mobivery.com\/en\/","name":"Mobivery","description":"We are touchnology","publisher":{"@id":"https:\/\/mobivery.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobivery.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mobivery.com\/en\/#organization","name":"Mobivery","url":"https:\/\/mobivery.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobivery.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/02\/Grupo-148-negro.png","contentUrl":"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/02\/Grupo-148-negro.png","width":260,"height":62,"caption":"Mobivery"},"image":{"@id":"https:\/\/mobivery.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/es.linkedin.com\/company\/mobivery","https:\/\/www.instagram.com\/mobivery"]},{"@type":"Person","@id":"https:\/\/mobivery.com\/en\/#\/schema\/person\/68bcd4db3b54b2f26d8184698ccad1d5","name":"Laura Abajo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/efdf9e2280ac98fd0d7f18e0898cf2c9beff69354108ca1658e70e19e385ccb7?s=96&d=mm&r=g","caption":"Laura Abajo"}}]}},"_links":{"self":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts\/14682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/comments?post=14682"}],"version-history":[{"count":11,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts\/14682\/revisions"}],"predecessor-version":[{"id":14748,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/posts\/14682\/revisions\/14748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/media\/14612"}],"wp:attachment":[{"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/media?parent=14682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/categories?post=14682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobivery.com\/en\/wp-json\/wp\/v2\/tags?post=14682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}