Use Case

Portfolio & Agency Showcase

Showcase client websites and projects with professional screenshots. Build impressive agency portfolios automatically.

Overview

Design agencies and freelancers need to showcase their work. But clients change websites, domains expire, and redesigns happen. A portfolio built on live links breaks over time. Screenshot-based portfolios preserve your best work permanently.

Screenshotly captures desktop, tablet, and mobile views of each project, creating a comprehensive visual showcase. Device mockup frames turn screenshots into polished portfolio pieces that demonstrate responsive design skills.

Automate portfolio updates by capturing client sites on schedule. When a project launches, trigger captures for all device sizes and add them to your portfolio immediately. No manual screenshots, no browser cropping, no inconsistent captures.

Key Benefits

Preserve work even after client changes

Multi-device captures for each project

Consistent, professional presentation

Automated portfolio updates on launch

Results You Can Expect

Multi-device

responsive showcase

Permanent

portfolio preservation

Professional

device mockup frames

How It Works

Add client project URLs to your portfolio system

Capture desktop, tablet, and mobile screenshots

Apply device mockup frames for presentation

Organize by category, industry, or date

Auto-update when projects are redesigned

Code Example

// Capture portfolio project across devices
const captureProject = async (projectUrl) => {
  const devices = ['desktop', 'tablet', 'mobile'];
  const captures = {};

  for (const device of devices) {
    captures[device] = await fetch('https://api.screenshotly.app/screenshot', {
      method: 'POST',
      headers: {
        'Authorization': 'Bearer YOUR_API_KEY',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        url: projectUrl,
        device,
        format: 'png',
        aiRemoval: { enabled: true, types: ['cookie-banner'] },
      }),
    });
  }

  return captures;
};

Frequently Asked Questions

How do I handle password-protected client sites?

Pass authentication cookies or credentials with your API request to capture behind logins. Alternatively, capture during the staging phase when the site is publicly accessible.

Can I add device mockup frames to portfolio screenshots?

Absolutely. Pass the mockup parameter (e.g., iphone, macbook, or browser) in your API request and Screenshotly returns the screenshot wrapped in a photorealistic device frame. This is ideal for hero images on portfolio pages and case study decks.

How do I capture responsive designs at multiple breakpoints?

Loop through an array of device presets — desktop (1440px), laptop (1280px), tablet (768px), and mobile (375px) — in a single script. Screenshotly captures each viewport independently, so you get a complete responsive showcase for every project in one batch.

Ready to automate portfolio?

Get started with 100 free screenshots. No credit card required.

Start Free Trial Try Playground