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.

glassli

Sign inCapture

Paste a link. Get a device mockup.

Drop in any live URL and glassli captures the full page, stages it inside a real MacBook, iPhone, or browser frame on a styled backdrop, and hands you a scrollable, export-ready mockup — no Photoshop, no design pass.

Free forever · No watermarks · HD 3× export · Real screenshots

tailwindcss.com

New Tab

https://tailwindcss.com

Full-page screenshot of the captured website, scrollable inside the device mockup frame

Device frames

Lightweight inline-SVG frames — MacBook, iPhone, and a browser window — that scale and recolor cleanly. No image packs.

MacBook

iPhone

tailwindcss.com

New Tab

https://tailwindcss.com

Browser

Backdrop colors

Stage your shot on Alabaster, Charcoal, Sage, Cobalt, or Butter — the backdrop swaps live behind your device.

The wow feature

Scroll-through simulation

Glassli captures the full page — not just the viewport — then glides through it inside the device frame. It looks like someone's actually scrolling your site.

· Full-page capture, panned on a slow loop
· Real device frames, not flat templates
· Idle float keeps the shot alive for video later

Export formats

Honest about what ships today.

PNG · now

Watermark-free — standard 2x or HD 3x.

GIF & MP4coming soon

Animated scroll-throughs and idle floats — in progress.

Made for

Portfolio & case studies

Drop a project URL into a frame and ship a polished shot in minutes.

App Store & Play Store

Stage phone screens for store listings without a design tool.

Launch posts

Social-ready mockups for announcing a new feature or release.

Client decks

Clean device shots for pitch and sales presentations.

FAQ

glassli is a free device mockup generator: it turns any live URL or uploaded screenshot into a scrollable, export-ready screenshot mockup framed in a realistic MacBook, iPhone, or browser.

Updated September 2026

Your next shot is one paste away

Free forever. No watermarks. HD exports. The whole studio is one sign-in away.

Open the studio See live captures