HarmonyOS 6.1 Liquid Glass: Designing the Mate 90 UI

A super-deep tour of HarmonyOS 6.1's Liquid Glass design system on the Mate 90 — layer stack, motion physics, Celia 6 on-device AI, multi-device fabric, ArkUI 5, privacy and developer SDK.

By Mate 90 Liquid Studio22 min read
HarmonyOS 6.1 liquid glass interface mockup with translucent floating widgets and cyan glow

Software launches usually trail hardware launches. With the Mate 90, HarmonyOS 6.1 arrives at the same time as the device, and the system itself is the story. The headline change is a new design language Huawei calls Liquid Glass — configurable translucent surfaces, depth that responds to motion, widgets that feel suspended above the wallpaper instead of pasted onto it. Underneath the surface treatment is an unusually thorough re-architecture: a declarative material system, a new motion engine built on spring physics, an on-device AI assistant that runs entirely on the Kirin's NPU, and a multi-device fabric that finally feels coherent across the Huawei ecosystem.

This is the longest, deepest tour we've written of any single mobile OS release. Below: the material system token-by-token, the motion physics, the widget runtime, Celia 6 on the NPU, multi-device handoff, ArkUI 5 for developers, privacy posture, and how it stacks up against iOS 19 and Android 16.

1
Design system
120Hz
Across all surfaces
7
Spring presets

1 · What "Liquid Glass" actually is

Liquid Glass is less a visual style than a system of materials. Every surface in HarmonyOS 6.1 — widgets, notification cards, modal sheets, the lock screen, the Control Centre — is built from a stack of layers with declared token properties. The designer doesn't draw a card; they pick a material role (sheet, popover, widget, ambient), and the system composes the layers consistently.

Fig 01 — Liquid Glass material · render layer stack
01 · Wallpapersource pixels02 · Gaussian blur 24–48 pxGPU dual-pass03 · Saturation 1.4× + light tintcolor matrix04 · Specular highlight overlayedge light05 · 1-pixel inner borderwhite 12% alpha06 · Content + glyphsforeground
Every Liquid Glass surface is composited from six declarative layers. Designers tune token values; the OS rasterises identically on phones, tablets, watches and cars.
Material tokens (default · 'standard' density)
Blur radius24 px default · 12–64 px range
Saturation boost1.4× behind blur (prevents grey-out)
Tintsystem accent · 6% alpha
Inner border1 px · white 12% alpha
Drop shadowy +12 · blur 32 · alpha 18%
Corner radiuscontinuous (super-ellipse) · 28 px default
Specular highlighttop-edge 1 px · white 18% · fades 32 px

2 · Motion · spring physics by default

HarmonyOS 6.1 replaces the old Bézier-curve timing functions with a spring-based motion system. Instead of choosing an ease curve and a duration, designers declare a spring (stiffness, damping, mass), and the system figures out how long the animation takes and what it looks like when interrupted mid-flight. The result feels closer to native iOS than to anything previously running on Android or HarmonyOS NEXT.

Fig 02 — Motion · spring physics defaults
amplitudetimegentle · stiffness 180 · damping 22snappy · stiffness 320 · damping 28
HarmonyOS 6.1 ships seven named spring presets — gentle, snappy, bouncy, precise, drift, rebound, instant — each tuned with engineer + designer pairs.

Crucially, springs are interruptible. If a user grabs a sheet that's animating in, the OS doesn't fight them — the spring re-targets to the finger position with no jump. Combined with the Kirin's GPU touch-prediction (covered in our logic-fold deep dive), the system can start animations a frame before the finger lands, producing a sub-perceptual response time.

3 · Depth and parallax on the Mate 90

The Mate 90's dual-layer OLED pairs beautifully with Liquid Glass. Widgets sit at distinct z-depths, and the panel's contrast lets the blur look genuinely recessed rather than merely Photoshopped. Tilting the device shifts the wallpaper behind the widgets a few degrees — subtle, but enough to sell the material as physical. The gyroscope feed is filtered through a one-euro filter so the effect doesn't jitter at rest.

There are four declared depth planes:

  • Wallpaper (z = 0) — moves furthest in parallax.
  • Widget (z = 1) — primary content layer, blurs everything below.
  • Sheet (z = 2) — modal surfaces, blurs widget + wallpaper.
  • Alert (z = 3) — system overlays, blurs everything.

4 · Widgets, reimagined

HarmonyOS 6.1 widgets are no longer static info cards. They are live surfaceswith their own state and interactivity. The widget runtime exposes its own input, animation, and async I/O system — a widget can scrub a music timeline, expand from a compact tile to a full hourly forecast, or take a one-tap action without ever opening the parent app.

🎵
Music widget
Scrub the timeline directly, change tracks, swap output device — without entering the app. Album art bleeds through the blur.
🌤
Weather widget
Pinch to expand from current temperature into a full hourly + 7-day forecast, with animated precipitation overlay.
🗣
Translate widget
Tap to speak; transcription appears in the widget itself, on-device, with side-by-side languages.
🏠
Smart home widget
Shows live device states with the new depth treatment, so an 'off' lamp visibly recesses behind glass; 'on' floats forward.
🗓
Calendar widget
Live agenda with travel times computed on-device from your previous appointment's location.
🏃
Activity widget
Rings + heart rate streamed live from a paired Watch with sub-second latency.
"
The old home screen was a launcher. The HarmonyOS 6.1 home screen is a dashboard.

5 · Celia 6 · the on-device AI assistant

Celia 6 is the first version of Huawei's assistant that runs entirely on-device for the common case. A 4-bit quantised 8-billion-parameter Pangu model lives in the NPU's always-on partition, woken by a low-power audio detector at ~30 mW. Round-trip latency from wake-word to first spoken token is ~280 ms — under the perceptual threshold for "instant".

Celia 6 capabilities · on-device unless noted
ModelPangu 8B · 4-bit quantised · 4.6 GB resident
Wake latency~280 ms wake-to-first-token
Live translation11 language pairs · on-device · ~150 ms phrase-to-phrase
Call screeningReal-time transcription + suggested replies during a phone call
SummariseLong-press any text → summary, action items, sentiment
Image editsInpaint, remove subject, expand frame · diffusion runs on GPU
Cloud escalationOptional · only for >8B model queries · explicit user opt-in

6 · Multi-device fabric

Huawei's pitch for Harmony has always been multi-device — phones, tablets, watches, cars, smart home. HarmonyOS 6.1 finally delivers a coherent runtime for that promise. The system exposes a single distributed scheduler: an app's UI can be split across screens, with input on one device and rendering on another, with sub-frame latency because devices on the same Wi-Fi 7 network negotiate a shared frame clock.

  1. Now
    Hand-off (phone → tablet)
    Open an article on the Mate 90, pick up a MatePad, the article is on the lock screen ready to continue. Sub-200 ms handover.
  2. Now
    Camera-as-webcam
    The Mate 90's main camera becomes a 4K webcam for a paired MateBook over USB-C or Wi-Fi 7.
  3. Now
    Distributed UI
    A drawing app can present its canvas on the tablet while the colour picker and layers live on the phone.
  4. Now
    Car cluster
    HarmonyOS-equipped vehicles inherit Liquid Glass; phone navigation surfaces on the dashboard with identical material tokens.
  5. Soon
    Spatial Audio routing
    A single Atmos stream automatically partitions across paired Buds, Vision glasses, and a SoundJoy speaker as users move between rooms.

7 · ArkUI 5 · the developer surface

ArkUI 5 is HarmonyOS's declarative UI framework — think SwiftUI for the Harmony ecosystem. The 6.1 release adds a Liquid Glass material primitive (Material.glass()), a new spring animation API, and a redesigned widget runtime. Crucially, it ships with a desktop-class designer in DevEco Studio with live rendering against a Mate 90 simulator that emulates the GPU blur passes accurately enough to predict perf within ~5%.

ArkUI 5 highlights
Material APIMaterial.glass(blur, tint, saturation, depth)
Spring APIAnimation.spring(stiffness, damping, mass) · interruptible
Widget runtimePersistent state · timer triggers · push refresh
NPU bridgeMindSpore Lite tensor in/out from any UI handler
RenderingVulkan 1.4 backend · per-surface blur cached
Hot reloadSub-second on-device · preserves component state

8 · Privacy & security

HarmonyOS 6.1 introduces per-feature, per-session permission scopes. Granting an app microphone access for "this call only" is now a system-level choice, not an app-level promise. The OS also adds a hardware-rooted "Camera Authenticity" signature on every captured photo — useful for journalists and insurance claims — using the Kirin's secure enclave.

🔒
Per-session permissions
Mic, camera, location can be granted for one use, this hour, today, or always.
🛡
Secure enclave 3.0
Hardware-rooted key storage on Layer A of the Kirin — physically isolated from the application processor.
📜
Content provenance
Photos and videos are cryptographically signed at capture with C2PA-compatible metadata.
👀
Activity transparency
A dedicated tray surfaces every background sensor access in the last 24 hours with the requesting app.

9 · Performance

Liquid Glass is expensive to render — every blur pass is GPU work. The Kirin's Maleoon 930 absorbs it because blur passes can be cached per-surface and only re-rendered when the underlying content changes. In Huawei's internal frame timing, the home screen at maximum blur intensity costs ~1.2 ms of GPU time per frame at 120 Hz, leaving a comfortable budget for everything else.

Frame stability · scrolling stress test · drop count over 60s
dropped frames (lower is better)
iOS 19 · iPhone 17 Pro4
Android 16 · Pixel 11 Pro18
One UI 8 · Galaxy S26 Ultra11
HarmonyOS 6.1 · Mate 90 Pro2

10 · How it compares to iOS 19 and Android 16

iOS 19 has refined glassmorphic surfaces (Apple's own "Liquid Glass" coincidence notwithstanding) and the deepest Vision Pro continuity. Android 16's Material 4 still leads on per-app customisation. HarmonyOS 6.1 sits between them on raw flexibility but leads on two specific axes: cross-device coherence (the same material renders identically on watch, phone, tablet, and car) and on-device AI latency (Celia 6 on the Kirin's NPU beats Apple Intelligence's round-trip on any task that fits in 8B parameters).

11 · What to watch after launch

  • Third-party adoption: how quickly major apps embrace the material toolkit and adopt the new spring presets.
  • Battery numbers: sustained drain at maximum blur intensity over real-world days.
  • Cross-device parity: whether tablets, watches, and cars feel like the same system or close cousins.
  • Celia model updates: whether on-device model swaps land cleanly via system updates.
  • Privacy posture: how the per-session permission model holds up against apps that "need" always-on access.