Mockup tool

From screenshot to product shot.

You already have the screenshot. Arkida wraps it in a device frame, drops it into a real scene, tilts it into perspective and lights it properly. Perspective warping, scene occlusion, AI glare, batch export for dozens at once. All in your browser, all local, no account.

Arkida product view

Every screenshot you have ever needed to look professional goes through the same slow loop. Find a mockup PSD. Open the screenshot. Resize it. Drop it into the smart object. Add a shadow by hand. Warp it onto the desk by hand. Export, and discover the angle is two degrees off. Most mockup tools solve this by pasting your screenshot on top of a photograph, which is why the result still reads as a composite. Arkida solves the parts that make it read as a photograph. Your screenshot can sit behind a hand. Light can spill onto the device body. The homography engine stays sharp at any tilt. And because it runs in the browser, you can do all fifty of them before lunch.

What it actually does

How it works

Arkida at work
  • 3D rotation and perspective warping. Tilt on both axes, then 4-point map onto any angled surface. Sharp at any angle.
  • Built-in device frames. A growing library of SVG frames: iPhones, Android, tablets in both orientations, laptops, desktop monitors, browser windows and OS-style frames. Vector, so they stay razor-sharp at any resolution.
  • Crop, fit and position. Drag to pan, scroll to zoom, crop without leaving the tool. Smart fit modes for Fill, Fit, Center and Stretch, plus a precision loupe for pixel-level alignment.
  • Scene occlusion. Put the screenshot behind real objects in the scene.
  • AI surface glare and environment glow. Reflections on the glass, light spill onto the body.
  • Stackable artistic filters. Layer several filters for a consistent look, all non-destructive, and apply the same stack across a batch.
  • Instant scene sourcing. Search Unsplash, Pexels and Pixabay from inside the tool and import a backdrop in one click.
  • Frame effect layers. Shadow overlays to ground the device in the scene, and adjustable Gaussian or box blur to focus attention on your content.
  • Chroma key and manual eraser. Turn any photo into a reusable frame. AI finds the screen boundary, chroma key clears the screen colour, and the eraser brush handles what the auto-detect missed.
  • Save as .arkframe. Your custom frames are reusable and shareable with your team.
  • Online frame repositories. Add any repository URL and sync frames from it, including community collections and self-hosted private manifests.
  • High-resolution export. PNG, JPG and WebP with adjustable quality, transparent background or any custom colour. Batch processing and ZIP download.
The part nobody else does

The edge

  • Your own frames, permanently reusable. Most tools let you use a device frame once. Arkida turns any photograph into a frame you own, saves it as an .arkframe, and reuses it across every project. Build a library once, and the hundredth mockup takes a fraction of the first.
  • An open ecosystem of frame sources. Point it at any repository manifest and it syncs. Community collections, official sets, or a private manifest your team hosts to keep brand-approved frames in sync. The frame library is not a hardcoded list inside somebody's product.
  • Capture every open tab at once. The screenshots already exist, scattered across forty tabs. Arkida snaps them all in a single action and processes them as a batch.
  • Nothing is uploaded. Processing happens locally, so an unreleased product screenshot, a client deliverable or a confidential dashboard never reaches a server.
  • Who it is for

    Use cases

    App Store screenshots

    Device frames, correct angles, consistent lighting across the whole set. The listing screenshots that make people tap, produced in a batch rather than one at a time.

    • iPhone and iPad frames as vectors
    • Consistent lighting across the entire set
    • Every required size in one export

    Play Store screenshots

    Google asks for different crops and a different aspect ratio. Same source screenshots, exported to the sizes Play actually requires.

    • Phone and tablet frames
    • Feature graphic crops included
    • Batch export across the whole listing

    SaaS presentations

    Put a screenshot on a laptop in a real scene and it stops being a screenshot. Tilt it, light it, drop it in.

    • Laptop, monitor and browser window frames
    • AI environment glow on the device body
    • Tilted to the angle that suits the layout

    Client deliverables

    Polish mockups to hand over. Scene occlusion and environment glow are the difference between work that reads as a template and work that reads as care.

    • Scene occlusion behind real objects
    • AI surface glare for a genuine glass look
    • High resolution output, vector-scaled frames

    Social content

    Scroll-stopping visuals built from images you already have. Filter stacks keep the look consistent across a whole campaign.

    • Filter stacks for a consistent look
    • Reusable across a whole campaign
    • Built from images you already have

    Marketing assets

    Ad creative and landing page visuals produced in-house, without commissioning a photographer per campaign.

    • Ad creative at every aspect ratio
    • Landing page hero visuals
    • No per-asset design software cost

    Ecommerce listings

    High-converting product visuals without commissioning a photographer or learning a full design suite.

    • Consistent framing across a catalogue
    • Perspective warping built in
    • Batch process dozens at once

    Portfolios

    Your work shown on real surfaces, at the angle that flatters it, at the resolution it deserves.

    • Shown on real devices and surfaces
    • Angle chosen per piece
    • Full resolution, no upscaling

    Pitch decks

    Screenshots inside slides that look composed rather than pasted. The deck stops looking assembled.

    • Scene lighting matched per slide
    • Consistent device framing throughout
    • Exported at print resolution
    Everything it does

    Features

    3D rotation

    Tilt on X and Y axes for a dynamic presentation angle, with a homography engine that keeps the output sharp.

    4-point perspective

    Drag four handles to map your screenshot onto any angled monitor, tilted phone or real-world surface.

    Device frame library

    High-quality SVG frames for iPhone, Android, tablets, laptops, monitors, browser windows and OS styles. Vector, so they scale to any resolution.

    Crop, fit and position

    Pan, zoom and crop inside the frame. Smart fit modes for Fill, Fit, Center and Stretch, plus a precision loupe.

    Scene occlusion

    Put your screenshot behind the objects in the scene. A hand over the screen, a cup in front of a laptop.

    AI surface glare

    Realistic light reflections across the screen surface, for a genuine glass look.

    AI environment glow

    Your screenshot's light reflecting onto the device body. The detail that sells the realism.

    Stackable filters

    Layer multiple artistic filters for a consistent, distinctive look. Non-destructive, and applicable across a batch.

    Cloud scene sourcing

    Search and import millions of photos from Unsplash, Pexels and Pixabay without leaving the tool.

    Frame effect layers

    Shadow overlays to ground the device in the scene, and adjustable Gaussian or box blur on the frame.

    Chroma key and eraser

    Turn any photo into a frame. AI finds the screen boundary, chroma key clears it, the eraser handles the rest.

    Frame repositories

    Add any repository URL and sync frames from it, including community collections and your own private manifest.

    Batch processing

    Process dozens of screenshots at once and download them as one organised ZIP.

    Capture all tabs

    Snap every open browser tab in one click. The screenshots already exist; now they are mockups.

    Multi-image upload

    Upload several images at once and apply the same frame to all of them.

    Saved favourites

    Pin up to 20 custom frames for instant access, without re-uploading them each time.

    High-resolution export

    PNG, JPG and WebP with adjustable quality. Transparent background or any custom colour.

    Privacy

    All processing happens locally in your browser. Your screenshots never leave your computer, which matters more here than in most tools, because product screenshots are frequently unreleased. An app in beta, a client dashboard, an internal tool before launch. None of it gets uploaded to be processed, because there is no server doing the processing.

    • X and Y axis rotation
    • 4-point perspective homography
    • Sharp output at any warp angle
    • SVG device frame library
    • Phones, tablets, laptops, monitors, browser windows
    • Integrated crop, no external editor
    • Smart fit: Fill, Fit, Center, Stretch
    • Precision zoom loupe
    • Scene on top occlusion
    • AI surface glare
    • AI environment glow
    • Non-destructive lighting adjustment
    • Stackable artistic filters
    • Batch filter application
    • Unsplash, Pexels and Pixabay search
    • Import scenes without downloading
    • Shadow overlay layers
    • Gaussian and box blur on frames
    • AI screen boundary detection
    • Chroma key screen removal
    • Manual eraser brush
    • Save frames as .arkframe
    • Custom repository manifests
    • Self-hosted private frame sources
    • Capture all open tabs
    • Multi-image upload
    • 20 saved favourite frames
    • PNG, JPG and WebP export
    • Transparent or custom background
    • Batch export to ZIP
    Launch price, 83% off

    Pro

    The full effects and automation layer. AI lighting, scene occlusion, batch processing and cloud scene sourcing.

    • AI surface glare and environment glow
    • Advanced scene occlusion
    • Stackable artistic filters
    • Cloud scene sourcing
    • Advanced frame effect layers
    • Batch processing and ZIP
    • Capture all tabs, multi-image upload
    • 20 saved favourite frames
    $1.99
    per month, was $11.99 Get Plus See all pricing
    What makes it look real

    The difference between a composite and a photograph

    A screenshot warped in perspective onto an angled device surface
    Depth

    3D rotation and perspective warping

    Tilt your mockup on the X and Y axes, then use the 4-point perspective tool to map it onto an angled monitor, a tilted phone, or any real surface. The homography engine holds everything sharp through the transform, so you get the angle without the blur and the artefacts that usually come with it.
    • X and Y axis tilt for any presentation angle
    • 4-point drag handles for exact surface mapping
    • Sharp output at every warp, no quality loss
    A mockup where a hand occludes the screen, with the screenshot behind it
    Realism

    Scene occlusion

    Every other tool pastes your screenshot on top. Arkida puts it behind. A hand, fingers crossing the screen, a coffee cup in front of a laptop, rendered in front of your image. That one inversion is the difference between something that looks assembled and something that looks photographed.
    • Scene elements render in front of the screenshot
    • Works with any custom frame photo you build
    • Output that survives being looked at closely
    AI lighting adding screen glare and light spill to a device mockup
    Lighting

    AI surface glare and environment glow

    Two effects that close the remaining gap. Surface glare adds realistic reflections across the screen glass. Environment glow bleeds your screenshot's light onto the device body, which is the small detail that makes people read the result as a real photograph rather than a render.
    • Realistic light reflection across the screen surface
    • Light spill from image onto the device body
    • Non-destructive, independently adjustable
    FAQ

    Questions

    Is it really private?

    Yes. All processing happens locally in your browser. There is no analytics, no telemetry, and your screenshots are never uploaded to a server.

    What is the difference between Free and Plus?

    Free is the complete core editor: warping, device frames, crop and fit, custom frame creation, and export in every format. Plus adds the effects that close the gap to a real photograph, which is AI surface glare, AI environment glow, scene occlusion, stackable filters, cloud scene sourcing, advanced frame effects and batch processing.

    How long is the launch pricing?

    It is a launch offer at 83% off, so it ends when launch ends. After that Plus moves to $11.99 per month or $143 per year. The free editor does not change.

    What makes this different from Photoshop?

    Speed and repetition. Photoshop can do all of this, but it takes an expert an hour per mockup. Arkida does a batch of fifty in the time Photoshop does one, and the 4-point homography warping is a drag rather than a transformation dialog.

    Can I make my own device frames?

    Yes. AI finds the screen boundary in a photo of a device, chroma key removes the screen colour, and the manual eraser cleans up anything the auto-detect missed. Save it as an .arkframe and reuse it forever.

    Can my team share frames?

    Yes. Save frames as .arkframe files to share directly, or point Arkida at a repository manifest your team hosts, so brand-approved frames stay in sync for everyone.

    Which browsers are supported?

    Chromium-based browsers including Windows, macOS, Linux and ChromeOS, installed from the Chrome Web Store.

    Portfolio-ready mockups in seconds.

    Free to install, and the core editor stays free. Upgrade to Plus during launch at 83% off and unlock AI lighting, scene occlusion and batch processing.