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

Ahmed Khan — Fri, 19 Jun 2026 19:10:40 +0000

## 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.

Try it

It's free to try, no card — one watermarked demo. Pro is $15/mo for unlimited, watermark-free, permanent demos and the full editor.

👉 https://demodash.live

I'd genuinely value feedback on the templates and the generated share assets. What would make you actually use this inca launch?

I Built 250 AI Tools for Freelancers — Here's What I Learned

Ahmed Khan — Mon, 30 Mar 2026 19:11:28 +0000

I'm a final-year college student from Kashmir, India. Over the past month, I built MyClaw Tools — a free AI toolkit with 250 tools specifically for freelancers and content creators

Why I Built This

I noticed freelancers spend hours on stuff that isn't their actual work — writing proposals, creating invoices, figuring out what to charge. I wanted to make tools that handle each of those jobs in under 30 seconds.

The Stack

Next.js 16 (Turbopack)
Google Gemini 2.5 Flash for AI generation
Neon Postgres for the database
Vercel for hosting
Razorpay + PayPal for payments

What's Inside

The tools are organized around 4 freelancer workflows:

Get Clients — Upwork proposals, Fiverr gig descriptions, cold emails, cover letters
Get Paid — Invoice generator, rate calculator, contracts, NDAs
Create Content — TikTok scripts, AI image generator, Instagram captions, blog outlines
Grow — SEO audit, marketing plans, hashtag generators

Everything is free (3/day). No signup required for most tools.

What I Learned

250 tools is a directory problem, not a product. Reddit taught me this. I restructured around 4 workflows instead of showing a wall of tools.
People google a specific problem, not a tool name. "How to write a TikTok script" beats "TikTok Script Writer" as a page title.
$2.50/mo signals low value. I'm still figuring out pricing.
Reddit drives more traffic than SEO at the start. 49% of my 870+ visitors came from Reddit.
Build for one person with one recurring problem. Not 250 tools for everyone.

Try It

MyClaw Tools — free, no signup.

If you're a freelancer, I'd love to know which tool you'd actually use. That's the feedback I need most right now.

DEV Community: Ahmed Khan