DesignPublished 5 min read
iOS 26 Liquid Glass Widgets: How to Keep Them Beautiful
How iOS 26 Liquid Glass changes widgets in default, dark, tinted and clear looks, and how to design or pick widgets and wallpapers that stay legible on glass.
Also available in:Tiếng Việt
Liquid Glass is the design language Apple introduced with iOS 26. It replaces many flat, opaque surfaces with translucent, glass-like materials that pick up color and light from whatever sits behind them. For widgets, that means your Home Screen can now look lighter and more layered, but it also means text and icons have to work harder to stay readable over a moving, colorful background.
This post explains what Liquid Glass changes, how widgets look in each Home Screen appearance, and the practical design choices that keep widgets clear and beautiful on glass.
What Liquid Glass is
In general terms, Liquid Glass treats interface elements as panes of glass. Instead of solid backgrounds, controls, toolbars, icons and widgets can show a softened, refracted view of the content beneath them, with subtle highlights along their edges. The effect is meant to make the interface feel less like a set of boxes and more like a single, layered surface that responds to what is behind it.
On the Home Screen, the most visible result is a new clear look for icons and widgets. You find it in the same place as the other appearance options: touch and hold an empty area, tap Edit, then Customize.
How widgets look in each appearance
iOS lets you switch your Home Screen between several appearances. Each one affects widgets differently.
| Appearance | What happens to widgets | What to watch for |
|---|---|---|
| Default (light) | Widgets show their own colors and backgrounds | Bright wallpapers can make light widgets blend in |
| Dark | Widgets switch to their dark variant, if they have one | Low-contrast accent colors can disappear |
| Tinted | iOS reduces widgets to tones of a single tint color | Meaning carried only by color is lost |
| Clear | Widget backgrounds become glass-like and translucent | Thin text and busy wallpapers hurt legibility |
The key takeaway is that a widget may not keep the colors it was designed with. In tinted and clear modes, the system takes over much of the color, so a widget needs to communicate through shape, size and weight as well.
Designing widgets that stay legible on glass
Whether you design your own widgets or simply choose which ones to keep, these principles make the difference between a widget that shines on glass and one that becomes a blur.
Prioritize contrast
Translucent backgrounds borrow color from the wallpaper, so the contrast between text and background changes as you swipe between pages or change wallpapers. Aim for text that is clearly lighter or darker than the likely background, and avoid mid-grey text, which tends to vanish on glass.
Use weight, not just color
In tinted and clear appearances, color differences shrink. A red "overdue" label and a grey "done" label may look almost identical. Instead, show importance with:
- Font weight: bold for the key number, regular for labels
- Size: make the one value people glance at clearly the largest
- Position: put the most important information top-left or centered
Keep shapes simple
Glass adds highlights and refraction along edges. Simple, solid shapes such as rings, bars and rounded rectangles survive this treatment well. Fine lines, dense patterns and thin outlines start to shimmer and break up.
Avoid tiny text
Small captions that look fine on an opaque background can become unreadable on glass. Cut secondary labels you do not truly need, and keep the rest at a comfortable size. A small widget should show one main value, not five.
Design for every size
What works in a Large widget will not necessarily fit a Small one. Each size deserves its own layout with its own hierarchy, rather than the same content shrunk down. WidgyKit's templates each have dedicated Small, Medium and Large layouts for this reason.
Test in light, dark, tinted and clear
Check a widget in every appearance before you settle on it. If a widget only looks right in one mode, it will look wrong for many people.
Choosing a wallpaper for Liquid Glass
The wallpaper is now part of every widget's background, so it matters more than ever.
- Soft and blurred beats sharp and detailed. Out-of-focus photos, gradients and gentle textures make glass look rich without fighting with text.
- Keep the widget zone calm. If your favorite photo has a busy area, position it so the busy part sits away from your widgets.
- Mind the brightness. Very bright wallpapers suit dark text; dark wallpapers suit light text. Mid-tone, high-contrast photos are the hardest to read over.
- Limit the palette. A wallpaper with two or three related colors makes clear widgets feel cohesive. Rainbow images make each widget a different color.
If you want ready-made combinations, the "warm frost and glass" concept in our aesthetic home screen ideas is built around this approach.
How WidgyKit's Clear Frost style fits
WidgyKit includes a Clear Frost style designed with the glass look in mind. It leans on the principles above: frosted, translucent surfaces that let your wallpaper show through, paired with bold, high-contrast type and simple shapes for the information you actually read.
Because every WidgyKit widget shares one visual system, a clock, weather, calendar, lunar date, habit tracker and countdown in Clear Frost all match each other on the same page. That consistency is what makes a glass Home Screen look intentional instead of scattered. It also helps that all templates have dedicated layouts for each size, so a Small widget stays simple while a Large one adds detail.
If you would rather create your own glass-friendly design, WidgyKit Studio lets creators build widgets with drag and drop and preview them in light and dark before publishing. Read how to build a widget without code to see how it works.
FAQ
Do I have to use the clear look on iOS 26?
No. Default, dark and tinted appearances are still available in Edit → Customize, and you can switch whenever you like.
Why does my widget look washed out in clear mode?
Its text or icons probably rely on color or thin strokes that get lost on glass. Try a calmer wallpaper, or choose widgets designed with bolder type and stronger contrast.
Will my widgets update differently on iOS 26?
The look changes, not the refresh rules. iOS still decides when widgets update to save battery. WidgyKit widgets render from data saved on your device, so they always have something sensible to show.
Wrapping up
Liquid Glass makes the Home Screen feel lighter and more personal, but it rewards widgets built on contrast, weight and simple shapes. Pick a calm wallpaper, test each appearance, and keep your widgets visually consistent. To try a glass-ready look, explore WidgyKit's widgets, and if you are still learning the basics, start with how to add widgets to your iPhone Home Screen.
Keep reading
Productivity5 min read
World Clock Widgets for Remote Teams: A Practical Guide
Set up a world clock widget for your remote team: choose cities, label by teammate, avoid daylight-saving mistakes and plan meetings across time zones.
Inspiration5 min read
Countdown Widget Ideas: 10 Events Worth Counting Down To
Countdown widget ideas for Tết, birthdays, exams, trips, weddings and launches, with styling tips, lunar vs solar dates and multiple countdowns in one widget.
Productivity6 min read
Habit Tracker Widget: A Practical Setup Guide
Set up a habit tracker widget that works: pick 1 to 3 habits, choose a ring, streak or checklist design, place it well and follow a simple 30-day routine.