How do I turn a URL into a device mockup?

Paste the URL, pick a MacBook, iPhone, or browser frame and a backdrop, then press Capture. Glassli captures the full page — it stays scrollable inside the frame — and you export a watermark-free PNG.

Does this work with any website?

Most public sites. Glassli renders the live page in a device frame, then captures a clean shot. A few sites block embedding — for those, upload a screenshot instead.

What happens if a site blocks screenshots?

If a capture comes back blank or blocked, you'll see a prompt to upload your own screenshot, which Glassli stages in the same frame.

Do I need to install anything?

No. Glassli runs in the browser — paste a URL and go.

Yes — glassli is completely free. Capture, stage and export as many mockups as you like, no watermark.

Can I use this for client work / commercially?

Yes. Exported mockups are yours to use in portfolios, listings, decks, and client work.

How is this different from just taking a screenshot myself?

Glassli frames the page in a real device, lights it on a staged backdrop, and simulates scrolling — the staging is the point, not just the pixels.

Gallery

Real captures, real sites

Every shot below is a real screenshot captured through glassli — no mockups, no AI, no placeholders. This is the actual output quality you get when you paste a URL.

Tailwind CSS — real screenshot captured by glassli

Tailwind CSStailwindcss.com

Stripe — real screenshot captured by glassli

Stripestripe.com

Vercel — real screenshot captured by glassli

Vercelvercel.com

Linear — real screenshot captured by glassli

Linearlinear.app

Framer — real screenshot captured by glassli

Framerframer.com

GitHub — real screenshot captured by glassli

GitHubgithub.com