免費
guide
How to show your app's stats as liquid glass widgets
Glanceable widgets are how people read their data. How to animate a small liquid-glass dashboard with counting stats, free, with the Liquid Glass Widgets block.
2026年11月3日 · 閱讀約 1 分鐘
這篇指南暫未提供你的語言版本，因此以英文顯示。
Widgets
A few numbers can tell a whole session: the temperature on a run, the watch battery, the steps. Liquid-glass widgets that count up, with a panel that reports the result, show your app's value at a glance.
What makes it work
| Habit | Why it works |
|---|---|
| Three related stats | They should add up to one story |
| Numbers that move | Counting up draws the eye to each one |
| A result panel | A title, one sentence and a finishing status |
| Status chips | Small extras like Connected or Focus add life |
| Same aurora as the notifications | Cut the two blocks together |
Make one with Liquid Glass Widgets
Liquid Glass Widgets is a free, open-source HyperFrames block. Frosted liquid-glass stat widgets count up, a showcase panel reports progress, and status chips light up over a flowing aurora. Ask your agent:
Make liquid glass widgets for a Halden run: temperature, watch battery and 8.2K steps, with a "Long run saved" panel.It renders an 8-second 1920×1080 MP4.
Related
For another take on the same idea, see Liquid Glass Notifications.
