I built a tool that turns any product URL into a branded demo dashboard

#buildinpublic #saas #webdev #dashboard

## The problem I kept hitting

My product was finished. The screenshots I posted of it were not.

Every time I wanted to show it off — a landing page, a pitch deck, a launch thread — I'd end up in a design tool for an hour faking a clean dashboard screenshot, or posting the real one and watching it look half-baked. The product worked. The presentation of it didn't.

So I built DemoDash to kill that hour.

What it does

You paste your live product or landing page URL. It:

Reads your site and pulls your brand colour, logo, and copy.
Picks the closest-fitting dashboard template (14 of them right now).
Seeds it with realistic sample data so it looks complete instantly.
Hands you a launch kit: social share cards, an OG image, full-page site shots, and a walkthrough video.

The sample numbers are placeholders. You type your real ones over them in an inline editor. It's for presenting a product you already have — not faking traction you don't.

The stack

Next.js 16 (App Router, Turbopack) + React 19, TypeScript strict Tailwind v4 for the editor and templates
- URL ingestion + brand extraction on the server, with a scraper fallback chain so big Cloudflare/Akamai sites still resolve a real og:image
- Headless screenshot + video capture for the share assets
- Postgres on Neon, hosted on Vercel

The honesty constraint that shaped it

The easy version of this tool is a vaporware generator — "look like you're doing $180K/mo before you've shipped." I deliberately didn't build that. Sample data is clearly seeded and meant to be overwritten with your real numbers. The whole point is making a real product look as polished as it actually is, not inventing a fake one.