{"id":45157698,"url":"https://github.com/webscopeio/screenshot","last_synced_at":"2026-02-20T05:04:27.949Z","repository":{"id":162931112,"uuid":"637742831","full_name":"webscopeio/screenshot","owner":"webscopeio","description":"Build engaging screenshots faster","archived":false,"fork":false,"pushed_at":"2025-07-21T08:30:59.000Z","size":8522,"stargazers_count":66,"open_issues_count":3,"forks_count":12,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-07-21T10:20:49.556Z","etag":null,"topics":["react","typescript"],"latest_commit_sha":null,"homepage":"https://usescreenshot.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webscopeio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-05-08T10:11:44.000Z","updated_at":"2025-07-21T08:31:02.000Z","dependencies_parsed_at":"2024-01-15T15:32:13.341Z","dependency_job_id":"1c9a0c07-358e-4620-a775-da5eb7dd6340","html_url":"https://github.com/webscopeio/screenshot","commit_stats":null,"previous_names":["iamhectorsosa/screenshot","webscopeio/screenshot"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webscopeio/screenshot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Fscreenshot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Fscreenshot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Fscreenshot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Fscreenshot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webscopeio","download_url":"https://codeload.github.com/webscopeio/screenshot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webscopeio%2Fscreenshot/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29641933,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-20T03:21:14.183Z","status":"ssl_error","status_checked_at":"2026-02-20T03:18:24.455Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","typescript"],"created_at":"2026-02-20T05:03:30.909Z","updated_at":"2026-02-20T05:04:27.941Z","avatar_url":"https://github.com/webscopeio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Screenshot\n\n![Screenshot web-app](https://usescreenshot.app/home.png)\n\n\u003c!-- STAT BADGES - Do not remove or modify this section --\u003e\n\u003cdiv\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot/stargazers\" target=\"_blank\"\u003e\n  \u003cimg alt=\"Stargazers\" src=\"https://flat.badgen.net/github/stars/webscopeio/screenshot\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot/issues\" target=\"_blank\"\u003e\n  \u003cimg alt=\"Open Issues\" src=\"https://flat.badgen.net/github/open-issues/webscopeio/screenshot\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot/pulls\" target=\"_blank\"\u003e\n  \u003cimg alt=\"Merged PRs\" src=\"https://flat.badgen.net/github/merged-prs/webscopeio/screenshot\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot/commits/main\" target=\"_blank\"\u003e\n  \u003cimg alt=\"Commit Count\" src=\"https://flat.badgen.net/github/commits/webscopeio/screenshot/main\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot/commits/main\" target=\"_blank\"\u003e\n  \u003cimg alt=\"Last Commit\" src=\"https://flat.badgen.net/github/last-commit/webscopeio/screenshot/main\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"#contributors\"\u003e\n  \u003cimg alt=\"All contributors\" src=\"https://flat.badgen.net/github/contributors/webscopeio/screenshot\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n\n\u003c!-- GENERAL BADGES - Do not remove or modify this section --\u003e\n\u003cdiv\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot\"\u003e\n  \u003cimg alt=\"Built by Open Source\" src=\"https://flat.badgen.net/badge/built%20by/Open%20Source/red?icon=heart\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/webscopeio/screenshot\"\u003e\n  \u003cimg alt=\"Build with TypeScript\" src=\"https://flat.badgen.net/badge/built%20with/TypeScript/blue?icon=GitHub\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n\u003ca href=\"https://usescreenshot.app/\" target=\"_blank\"\u003e\n\u003cimg alt=\"Use it on your Web Browser\" src=\"https://usescreenshot.app/web-app-badge.png\" width=\"150px\" height=\"auto\"\u003e\n\u003c/a\u003e\n\n## Description\n\nScreenshot is an open-source tool to manage backgrounds and clipboard images to create screenshots with ease.\n\n## Keyboard Shortcuts\n\nKeyboard shortcuts have been enabled to make your workflow faster.\n\n| Action            | Shortcut          |\n| ----------------- | ----------------- |\n| Upload Background | ⌘ O               |\n| Delete Background | ⌘ shift backspace |\n| Paste Image       | ⌘ V               |\n| Delete Image      | ⌘ backspace       |\n\n## How does it work?\n\nTo use Screenshot, go to [usescreenshot.app](https://usescreenshot.app), (1.) upload your background, (2.) paste your image and then (2.) adjust the settings as needed.\n\n![Frame your screenshot using simple settings](https://usescreenshot.app/teaser.png)\n\n**Current backgrounds and images are stored in your browser using IndexDB.**\n\n## Installation\n\nScreenshot is a web-application being built with React in TypeScript, bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app), and styled with [TailwindCSS](https://tailwindcss.com/) and [Radix UI](https://www.radix-ui.com/) + [ui.shadcn.com](https://ui.shadcn.com/) components.\n\nTo install and run locally, using `node@20.10.0` and `pnpm@8.11.0` follow these steps:\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/webscopeio/screenshot.git\n```\n\n2. Navigate to the project's directory and install its dependencies\n\n```bash\ncd screenshot\npnpm i\n```\n\n3. Start the development server, open your web browser and visit http://localhost:3000\n\n- Using NPM:\n\n```bash\npnpm dev\n```\n\n## Share your feedback\n\nIf you encounter an issue or would like to suggest a new feature, please feel free to reach out using our GitHub Repository at [usescreenshot.app/github](https://usescreenshot.app/github).\n\n## Contributing\n\nContributing to Screenshot is **a great opportunity to join OSS**. Specially at this early pre-release stage, we are actively looking to engage with users and developers to learn more together about Screenshot.\n\nIssues, Pull requests, and Discussions are welcomed! For more information about our project visit: GitHub Repository at [usescreenshot.app/github](https://usescreenshot.app/github)\n\nIf you find Screenshot helpful, we'd appreciate giving it a [Star in GitHub](https://github.com/webscopeio/screenshot/stargazers).\n\n### Report an issue\n\nOpen a [GitHub Issue](https://github.com/webscopeio/screenshot/issues/new) and provide as much detail as possible about the issue, including any error messages or steps to reproduce the problem. We'll review the issue together and work to resolve it as quickly as possible.\n\n### Suggesting features\n\nOpen a [GitHub Discussion](https://github.com/webscopeio/screenshot/discussions/new/choose) and explain the proposed feature, what it should do, why it is useful, how users should use it. Give us as much info as possible so it will be easier to discuss, access and implement the proposed feature. If you’re unsure about a certain aspect of the feature, feel free to leave it open for others to discuss and find an appropriate solution.\n\n## Contributors\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/alefDev-prog\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/114575583?v=4?s=100\" width=\"100px;\" alt=\"alefProg\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ealefProg\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/webscopeio/screenshot/commits?author=alefDev-prog\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://kodbilen.com\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/7461799?v=4?s=100\" width=\"100px;\" alt=\"Çağatay Karahan\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eÇağatay Karahan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-kodbilenadam\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/webscopeio/screenshot/commits?author=kodbilenadam\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://mateusabelli.github.io/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/43862225?v=4?s=100\" width=\"100px;\" alt=\"Mateus Abelli\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMateus Abelli\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#ideas-mateusabelli\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebscopeio%2Fscreenshot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebscopeio%2Fscreenshot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebscopeio%2Fscreenshot/lists"}