Screenshot Studio

A free, browser-based screenshot editor. Beautiful backgrounds, device frames, 3D effects, animations, and video export. No signup, no watermarks.

Live: screenshot-studio.com

Features

• 100+ Backgrounds — gradients, solid colors, images, blur, noise
• Browser Mockups — Safari & Chrome (light/dark) with realistic toolbars, adjustable header size, and custom URL
• Device Frames — Arc browser, Polaroid, glass, outline, border styles
• 3D Transforms — 30+ perspective presets with realistic depth
• Draw & Markup — arrows, shapes, blur regions, text overlays
• Tweet & Code Snippets — import tweets, generate code images
• Animations — 20+ presets, timeline editor, keyframe control
• Video Export — MP4, WebM, GIF with hardware-accelerated encoding
• High-Res Export — PNG/JPG up to 5x scale, fully in-browser

Quick Start

git clone https://github.com/KartikLabhshetwar/screenshot-studio.git
cd screenshot-studio
npm install
npm run dev

Open localhost:3000

Tech Stack

Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Zustand · Radix UI · Motion · FFmpeg WASM · WebCodecs

Contributing

See CONTRIBUTING.md.

Contributors

Star History

License

Apache License 2.0