React

Screenshot API for React Apps

Capture screenshots of React applications. SnapAPI renders JavaScript-heavy React pages in a real browser — no JSDOM needed.

Installation

npm install

React Integration Example

import { useEffect, useState } from "react";

function ScreenshotCapture({ url }) {
  const [imgSrc, setImgSrc] = useState(null);

  useEffect(() => {
    const params = new URLSearchParams({ url, api_key: "YOUR_KEY", format: "png" });
    setImgSrc(`https://snapapi.tech/v1/screenshot?${params}`);
  }, [url]);

  return imgSrc ? <img src={imgSrc} alt="Screenshot" /> : <p>Loading...</p>;
}

Features

SnapAPI renders pages in a real Chromium browser, so JavaScript-heavy React apps render perfectly. You get:

• Full JavaScript rendering (React, Vue, Angular, etc.)
• 9 device presets for mobile emulation
• Dark mode, full page, CSS selector capture
• Metadata extraction (title, description, links, text)
• PNG, JPEG, WebP output formats