https://github.com/KartikLabhshetwar/screenshot-studio

A free, browser-based editor for creating stunning screenshots and visuals. No signup, no watermarks.
https://github.com/KartikLabhshetwar/screenshot-studio

blob blob-storage canvas nextjs oss shadcn-ui showcase typescript vercel vercel-oss

Last synced: about 1 month ago
JSON representation

A free, browser-based editor for creating stunning screenshots and visuals. No signup, no watermarks.

• Host: GitHub
• URL: https://github.com/KartikLabhshetwar/screenshot-studio
• Owner: KartikLabhshetwar
• License: apache-2.0
• Created: 2025-11-03T09:59:12.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2026-03-09T17:12:08.000Z (3 months ago)
• Last Synced: 2026-04-13T13:44:19.871Z (2 months ago)
• Topics: blob, blob-storage, canvas, nextjs, oss, shadcn-ui, showcase, typescript, vercel, vercel-oss
• Language: TypeScript
• Homepage: https://screenshot-studio.com
• Size: 333 MB
• Stars: 639
• Watchers: 4
• Forks: 105
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          




  











			



# 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](https://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

```bash

git clone https://github.com/KartikLabhshetwar/screenshot-studio.git

cd screenshot-studio

npm install

npm run dev

```

Open [localhost:3000](http://localhost:3000)

## Tech Stack

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

## Contributing

See [CONTRIBUTING.md](./CONTRIBUTING.md).

## Contributors



  



## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=KartikLabhshetwar/screenshot-studio&type=Date)](https://star-history.com/#KartikLabhshetwar/screenshot-studio&Date)

## License

[Apache License 2.0](./LICENSE)