Kanban board mockup

Project-management screens with To do / In progress / Review / Done columns, task cards, tags and teammates.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The tasks template draws a full kanban board: four columns, tags, progress bars, due dates, comments and avatars — sometimes with image covers, like in real tools.

On a phone it becomes a “My tasks” day view with progress ring and checklist. Great for productivity and SaaS landing pages.

Examples

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

Does the board change each time?

Yes. Every click on “New variant” shuffles task titles, tags, covers, progress and assignees.

Can I show it in a browser window?

Choose the “Browser” device to get a macOS-style window with an address bar showing your product name.

Is there a mobile version?

Yes, switch the device to iPhone to see a mobile task list.

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