免费
guide
How to add an animated desktop notification to a product demo
A notification is proof that your product did something. How to animate a macOS-style banner over a screen recording, free, with the Desktop Notification block.
2026年11月3日 · 阅读约 1 分钟
这篇指南暂未提供你的语言版本，因此以英文显示。
Notification
In a product demo, the moment of value is often invisible: something finished in the background. A desktop notification makes it visible, with your app icon, a clear title and a one-line result.
What makes it work
| Habit | Why it works |
|---|---|
| Title as a result | "Evening wind-down is on" beats "Scenes feature" |
| One line of detail | Say what changed, with a number if you can |
| Your real icon | A square app icon makes it believable |
| Over the real screen | Lay it on your screen recording or wallpaper |
| Short and timely | Five seconds, at the moment it happens |
Make one with Desktop Notification
Desktop Notification is a free, open-source HyperFrames block. An animated macOS-style notification banner slides in with your app icon, a title and a message, then slides away. Ask your agent:
Make a desktop notification from Solenne: "Evening wind-down is on", "Lights dimmed to 35%, blinds closed and the heating eased to 19°".It renders a 5-second notification with a transparent background.
Related
For another take on the same idea, see Liquid Glass Notifications.
