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 use apps. With iOS 26, Apple introduces the Liquid Glass effect: an approach that seeks to merge depth, transparency, and fluidity into every corner of the interface.
2. More than just aesthetics: The principles of Liquid Glass iOS
Liquid Glass iOS isn’t simply a visual effect. It’s based on three main pillars:
- Dynamic Transparency: Interfaces feel like overlapping sheets of glass that reveal what’s behind them.
- Fluid Interaction: Movements and transitions convey realism, as if the screen reacted to touch with a liquid effect.
- Depth and Context: Elements no longer float in static planes; they now generate a sense of space and depth, helping the user understand hierarchies and states.
This new paradigm brings coherence to the entire Apple ecosystem, from iPhone to iPad to Vision Pro.
3. Why is the “liquid effect” a crucial goal for Apple’s user experience (UX)?
Apple’s goal with Liquid Glass goes beyond aesthetics: it focuses on improving the user experience.
- Greater visual clarity: Transparency allows the user to maintain the context of where they are.
- More natural interactions: Gestures appear to elicit real responses, as if touching a physical, organic, natural object.
- Reduced cognitive fatigue: Smooth transitions make interface changes more understandable and intuitive.
- Consistency across the ecosystem: 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.
- Improved accessibility: Liquid Glass respects and adapts to the system’s accessibility settings.
- Reduce transparency can be activated, making translucent elements more opaque to make them easier to read for people with visual impairments.
- Increase contrast reinforces edges and enhances the visibility of text and icons against blurred backgrounds.
- Additionally, other settings such as Reduce motion, which reduces animations and effects for those sensitive to motion, are respected.
4. What if your app isn’t ready for Liquid Glass iOS?
This is where the challenge arises. If you compile an old app without adapting it, you’ll notice some differences in the change, such as:
- Navigation Bar: 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’t adapted, your navbar may not appear transparent or have a blur effect (image 2).
- Buttons: 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).
- Tab Bars: 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).
- Switches: 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).
- Keyboards: The old ones look like rigid layers (img 1); the new ones give off a fluid glass effect (img 2).
- Webview toolbars: 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).
- Notifications: The new notifications are completely transparent with liquid glass reflections (image 2)
- Sheets: 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).
- App Icons: The adapted icons show overlapping layers of glass with reflections (img 2 and 3).
- Action Sheets / Alerts / Activity Views: 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.
- An important point comes into play here: in iOS 26, the system enforces containers with specific corner radii that can no longer be overridden so freely. 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.
👉 We’ve noticed that custom components don’t work well under this new visual philosophy. This marks a turning point in interface design: it’s now even more advisable to opt for native Apple components, which are already optimized for Liquid Glass iOS.
Even in slightly customized but native toolbars, we’ve observed that the integration isn’t always perfect, reinforcing the importance of keeping the UI as close as possible to the official standards.
5. Conclusion: How to integrate the Liquid Glass iOS effect into your app
Adopting Liquid Glass isn’t just a cosmetic change: it’s a strategic UX/UI decision that can set you apart from your competition.
In practice, Apple is forcing a more unified design: less room for customization and greater consistency across apps.
Practical Guide for Designers
- Check that all your components are native (tabbars, navbars, toolbars).
- Update the UI for consistency with dynamic Liquid Glass transparencies and blur effects.
- Avoid solid backgrounds, angles, and hard shadows in your cards that break consistency.
- Test in different scenarios: light/dark mode, high-contrast environments.
- Minimize the use of custom components or consider redesigning them to adopt the new philosophy.
- Keep in mind that system-imposed containers (especially in modals, action sheets, and activity views) have their own (very rounded) corner radii; design the rest of the UI consistently.
- Think in layers: place content at the bottom and a floating layer of glass on top with light and shadow effects for actions.
- Apply Liquid Glass sparingly, on key surfaces such as important controls or navigation bars. Avoid overlapping layers of glass.
- Remove unnecessary decorative backgrounds to make the interface feel cleaner and smoother.
In iOS 26, the message is clear: the more you rely on native components and accept Apple’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.
If you want your app to not only meet expectations, but exceed them, contact Mobivery to start designing and developing your app with a “liquid glass touch.”
Additionally, if your app is already published and needs adjustments to properly adapt to the new Liquid Glass, at Mobivery we can take care of both the design improvements and the development updates necessary to make it look perfect on iOS 26.
