Screenlet – Device Mockups & Demo Videos

Free in-browser screen recorder with webcam, mic voiceover & cursor zoom — frame any site in MacBook, iPhone & iPad.

Screenlet is a free device mockup generator and screen recorder for any website. In one click, it wraps the page you're viewing in a realistic device frame, so you can save a polished mockup screenshot or record a professional demo video — right in your browser, with no desktop app, no sign-up, and no upload. ★ Device mockups for any website Show your site on a laptop, a desktop monitor, a tablet (portrait or landscape), or a phone. Each frame comes with matching browser chrome, and the phone frame loads your site's real mobile layout, so you can preview responsive designs exactly as visitors see them. Switch frames instantly, change the frame color, or go frameless and float your page over a clean wallpaper. ★ Mockup screenshots with a transparent background Export a high-resolution PNG screenshot with the device frame built in and a transparent background. Drop it straight into a landing page, product page, portfolio, pitch deck, blog post, or social media graphic — no design software needed. Style every shot with built-in wallpapers and gradients or upload your own background image, then fine-tune the size, corner radius, drop shadow, and background blur. ★ Screen recorder with webcam and voiceover Record an HD screen recording of your website inside the device frame. Add a draggable, resizable webcam bubble so viewers see your face, and narrate with your microphone for a personal walkthrough. Record in landscape (16:9 or 4:3), square (1:1), or vertical (9:16) format, or drag a custom recording area. Pause and resume whenever you need, and choose a custom cursor that stands out on camera. ★ Automatic zoom on every click Screenlet tracks your clicks while you record. When your video opens in the free Screenlet web editor, every click is already a smooth, cinematic zoom — so viewers always see what matters. Remove or retime any zoom, add extra zoom anywhere your cursor moved, then export your video as MP4 or WebM. ★ Private by design Mockups, screenshots, and recordings are created locally in your browser. Your webcam and microphone are used only when you turn them on, and nothing is uploaded to a server. ★ Perfect for • Product demo videos and SaaS walkthroughs • Website and app mockups for landing pages and portfolios • Tutorials, how-to guides, and course content • Onboarding and customer support videos • Client presentations and design reviews • Responsive design previews on phone, tablet, and desktop • Social media clips and promotional videos • Bug reports and QA screen recordings ★ Free to use Screenlet is free, with a small watermark on exports. A one-time lifetime upgrade removes the watermark — no subscription and no recurring fees. Works in Google Chrome on Windows, macOS, Linux, and ChromeOS.