Calendar app mockup

Week view with colorful events, mini month, calendars list — and a mobile agenda for iPhone.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The calendar template draws a scheduling app with a mini month, calendar filters and a full week grid filled with colored events, attendees and the current-time line.

On iPhone it becomes a clean daily agenda. Perfect for scheduling, booking and productivity apps.

Examples

Calendar App mockup on MacBook Pro 14-inch, left angleCalendar App on MacBook Pro 14-inch Mockup — Left AngleCalendar App mockup on iPhone 17 Pro, floating 3DCalendar App on iPhone 17 Pro Mockup — Floating 3DCalendar App mockup on Browser WindowCalendar App on Browser Window MockupCalendar App mockup on MacBook Pro 14-inch, isometric, dark modeCalendar App on MacBook Pro 14-inch Mockup — Isometric, Dark Mode

How it works

  1. Choose a screen

    Pick one of 18 interface types (5 layouts each) or upload your own screenshot. Press “New variant” until you like it.

  2. Choose a device

    Put it on an iPhone 17 Pro, iPhone Air, MacBook Pro or MacBook Air — or show it in a browser window.

  3. Download

    Pick an angle and background, then download a high-resolution PNG, JPG or WebP. Transparent background works too.

Questions

Can I change event colors?

Events use the accent color and two matching tones. Pick another accent to recolor them all.

Is there a mobile calendar?

Yes, choose iPhone to get a day agenda with a week strip.

Can I hide the text?

Yes, “Hide text” turns labels into placeholder bars.

Is UI Generator free?

Yes. Every interface, device, angle and export size is free, and you don’t need an account. You can use the images in commercial projects.

Can I put my own screenshot on an iPhone or MacBook?

Yes. Click “Your screenshot”, drag an image onto the preview or paste it with Ctrl/Cmd+V. Your image is processed in your browser and is never uploaded.

More mockups