Support for iOS 26 Liquid Glass UI in Ionic Framework
Anthony Juarez Solis
iOS 26 introduces a major visual redesign with the “Liquid Glass” design language — translucent materials, updated navigation bars, tab bars, and new system-wide styling. Ionic should provide first-class support for these new iOS 26 visual changes so that Ionic apps feel native on devices running iOS 26+.
This would include updated styles for ion-header, ion-tab-bar, ion-modal, ion-action-sheet, and other components to match the new translucent/glass aesthetic. Ideally with automatic adaptation based on the iOS version, similar to how Ionic has historically matched iOS design updates.
This is critical for hybrid apps to maintain a native look and feel as users upgrade to iOS 26.
rdlabo
I actually released
@rdlabo/ionic-theme-ios27
today, following @rdlabo/ionic-theme-ios26
.I think it’s pretty close to what you’re looking for — bringing the newer iOS design language to Ionic apps. Does this match what you had in mind?
https://github.com/rdlabo-dev/ionic-theme-ios27
As for Ionic Framework itself, Ionic has always put a lot of effort into maintaining backward compatibility, especially to avoid unexpectedly changing or breaking designs that developers have already customized.
Because of that, I don’t think Ionic will automatically switch its theme based on the iOS version.
That’s why I’ve been taking the approach of providing these as separate theme packages: Ionic can keep its backward compatibility, while apps that want the newer iOS design can explicitly opt in.
If this is close to what you’re looking for, I’d be happy if you gave it a try!
And as a little bonus, there’s also
@rdlabo/ionic-theme-md3
for Material Design 3 🙂d
dlazzy
Also support for new material design guidelines Android side. Loads of "md" elements feels outdated.
Make components more "attractive" - https://ionic.io/blog/announcing-ionic-framework-8-8 - dual knob demo