Skip to main content

Viewpo

Paste a URL. Get a responsive grade.

Real browser screenshots at phone, tablet, and desktop. Automated checks for overflow, touch targets, contrast, and accessibility. A-F grade with specific fixes. No install required.

Pre-LaunchOwn website — not yet generally available

What it checks

5 automated checks live, with 4 more coming.

Overflow

Elements wider than the screen that cause horizontal scrolling on phones.

Touch targets

Buttons and links too small to tap — frustrating and inaccessible on mobile.

Contrast

Text that's hard to read against its background — fails accessibility standards.

Images

Missing alt text, oversized images, no lazy loading — slow load times, broken accessibility, wasted bandwidth.

Accessibility

Missing landmarks, broken heading order, unlabelled inputs — fails WCAG compliance.

Core Web Vitals — coming soon

LCP, CLS, INP measurement per viewport — Google uses these metrics for ranking.

SEO & Social Preview — coming soon

OG tags, Twitter cards, JS rendering gap — missing meta tags mean ugly link previews and poor search visibility.

Design Token Compliance — coming soon

Brand colour, spacing, and typography consistency checking across every viewport.

Interactive Sessions — coming soon

Live AI agent interaction — click, type, scroll, and interact with your site in real-time.

What you'll discover

  • See your site at every screen size — real browser screenshots, not iframe resizes
  • Get an A-F grade with specific issues to fix — no CSS knowledge needed
  • Share audit reports with a link — replace screenshots and Slack threads
  • Add responsive quality gates to your CI pipeline or AI agent workflow
  • Interactive sessions will let AI agents click, type, and scroll in real-time (coming soon)

What Viewpo includes

  • Real browser rendering

    Chromium renders your site at each viewport — not an iframe resize. Works on every site, including those that block embedding.

  • A-F responsive grade

    Automated audit runs 5+ checks across every viewport — overflow, touch targets, contrast, images, accessibility. One clear score you can share with clients or teammates.

  • Plain-language explanations

    "This element is wider than the screen on mobile" — not "overflow detected on .hero-container". You don't need CSS knowledge to understand the results.

  • Shareable report links

    Every audit generates a unique URL. Anyone can view it without signing up. Replace "let me take some screenshots" with "here's the report link".

  • HTTP API — coming soon

    JSON API that any tool can call. Send a URL, get back screenshots, audit results, and a grade. Works with Claude Code, Cursor, GitHub Actions, or any HTTP client.

  • Interactive Sessions — coming soon

    AI agents click, type, scroll, and interact with your site in real-time via persistent browser sessions. Compact element refs use a fraction of the context of raw DOM.

Get notified when Viewpo is ready

Leave your details and I'll let you know when it's available.

No spam, ever. Privacy Policy

"I kept building sites with AI tools and had no idea if they actually worked on phones until someone complained. Open DevTools, drag the viewport, squint — rinse and repeat for every breakpoint. I needed something that would render my site at every screen size in one go and tell me what's broken, not just show me a smaller window."

Nathan
N
Nathan

Who It's For

Vibe-Coders

"Does my AI-built site actually work on phones?"

Builders using AI to create websites who need to verify responsive quality.

You need: Paste the URL, get a grade in seconds, fix the issues, re-audit.

🎨

Designers

"How do I share responsive issues with my team?"

Designers who need to communicate viewport issues quickly.

You need: See all viewports at once. Share a report link instead of screenshots.

💻

Developers

"Can I add responsive checks to my CI pipeline?"

Developers who want automated responsive quality gates.

You need: Every PR preview deploy gets audited. Grade below B? The check fails.

🤖

AI Agents

"How do I close the visual feedback loop?"

AI coding agents that need to verify their CSS output.

You need: Call the API, get grade + issues, fix CSS, re-audit, get Grade A.

Questions about Viewpo

What is Viewpo?
Viewpo is a responsive design auditing tool. Paste any URL and get real Chromium browser screenshots at phone, tablet, laptop, and desktop sizes — plus an automated A-F grade based on overflow, touch targets, contrast, images, and accessibility checks.
Is Viewpo free?
Yes — the free tier includes 50 audits per month, 3 viewports, and shareable reports. Pro ($19/mo) and Team ($49/mo) plans add more audits, viewports, batch processing, and API access.
How is this different from browser DevTools?
DevTools resizes a viewport — it doesn't actually render your site in a separate browser at that size. Viewpo uses a real Chromium instance for each viewport, catches issues like iframe embeds and viewport-specific JavaScript behaviour, and gives you a grade with specific fixes rather than leaving you to squint at the result.
Does Viewpo work with sites behind authentication?
Currently Viewpo works with any publicly accessible URL, including preview deploys and localhost tunnels. Authentication support is on the roadmap.
Can AI agents use Viewpo?
Yes. Viewpo will provide an HTTP API that returns JSON — screenshots, audit results, and grade. Any tool that can make HTTP requests will be able to use it: Claude Code, Cursor, GitHub Actions, or custom scripts.
Who built Viewpo?
Viewpo is built by Little Bear Apps — an independent Australian developer studio focused on AI-powered developer tools. It runs on Cloudflare's global network using real Chromium rendering.

How Viewpo compares

  • Browser DevTools resizes a viewport — Viewpo renders in a real Chromium instance and runs automated checks with an A-F grade.
  • Responsively App shows live previews — Viewpo adds automated auditing, grading, shareable reports, and an API.
  • BrowserStack tests on real devices — Viewpo focuses specifically on responsive design quality with instant results and plain-language explanations.
  • Lighthouse checks performance — Viewpo checks responsive design specifically: overflow, touch targets, contrast, images, and accessibility at every viewport.

Roadmap

Coming Soon

  • Core Web Vitals — CLS, LCP, INP measurement per viewport
  • SEO & Social Preview — meta tags, OG images, social cards
  • Design Token Compliance — brand colour, spacing, and typography consistency
  • Interactive Sessions — persistent browser sessions with ref-based interaction and WebSocket streaming