Mac Menu Bar App Demo Video, ready in minutes
Menu bar apps are notoriously hard to show off in a screenshot since the entire product lives in a tiny dropdown, and a {device} mockup video that scrolls through the dropdown's contents finally gives it room to breathe. Mockly frames your screenshot in a clean MacBook-style frame with a soft rounded top edge, built for landscape screens, built for Mac indie developers building menu bar utilities.
Try Mockly FreeWhy Mac fits a menu bar app demo video
Menu bar apps are notoriously hard to show off in a screenshot since the entire product lives in a tiny dropdown, and a {device} mockup video that scrolls through the dropdown's contents finally gives it room to breathe. The Mac frame in Mockly is landscape only, matching how people actually use a laptop screen, with a 12px corner radius tuned to match the real device. Recommended aspect ratios: 16:9 for YouTube/website embeds, or 1:1 for square social posts.
How Mockly builds the animation
Screenshot your menu bar dropdown at full size, frame it in Mac, and use a scroll pass to reveal every setting or feature in the panel.
What you export
Export at 1080p for your landing page, App Store listing, or launch tweet. Every export is yours to use commercially, and Pro removes the Mockly watermark entirely if you're shipping this to production.
Frequently asked questions
Use macOS's screenshot tool with the dropdown open and cropped tightly to just the panel, then upload that image — Mockly frames it inside Mac and scrolls through it.
Especially for small UIs, motion helps compensate for the lack of visual real estate — a scrolling Mac mockup makes a tiny dropdown feel like a considered part of the product.
A clean, muted background or a subtle gradient tends to work best, keeping attention on the small dropdown panel rather than competing with it.