Screenshot is an open-source tool that provides users with granular controls to frame their screenshots and build engaging content faster.

To use Screenshot, go to usescreenshot.app, (1.) click on the frame to paste your clipboard's image, and then (2.) adjust the settings as needed.

We are actively working to improve and add more settings to Screenshot. Our goal is to provide a simple but powerful set of controls that can adjust to your needs.

Screenshot is a web-application being built with React in TypeScript, bootstrapped with create-next-app, and styled with TailwindCSS and Radix UI components heavily inspired by ui.shadcn.com.

To install and run locally, follow these steps:

1. Clone the repository

git clone https://github.com/webscopeio/screenshot.git

2. Navigate to the project's directory and install its dependencies

cd screenshot
npm instal

3. Start the development server, open your web browser and visit http:https://localhost:3000

• Using NPM:

npm run dev

• Using Turbo:

turbo run dev

Note: If you encounter a Failed to Contact turbod warning, this can be bypassed by running the command without the daemon process by passing the --no-daemon flag. More on this issue here: Turbo Issues

turbo run dev --no-daemon

If 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.

Contributing 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.

Issues, Pull requests, and Discussions are welcomed! For more information about our project visit: GitHub Repository at usescreenshot.app/github

If you find Screenshot helpful, we'd appreciate giving it a Star in GitHub.

Fun fact: All of the screenshots used here have been created using usescreenshot.app, with the exception of the text.

Open a GitHub Issue 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.

Open a GitHub Discussion 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.

alefProg 💻

Çağatay Karahan 🤔 💻

Mateus Abelli 🤔