Screenshot is an open-source tool that provides users with granular controls to frame their screenshots and offers options to customize settings such as aspect ratio, padding, inset color, inset padding, and frame background.
To use Screenshot, (a) visit screenshot-ekqt.vercel.app/, (b) click on the frame to paste your clipboard's image and then (c) adjust the settings as needed.
This web-application is built with React, bootstrapped with create-next-app, and styled with Tailwind CSS and Radix UI components.
To install and run locally, follow these steps:
- Clone the repository
git clone https://github.com/ekqt/screenshot.git- Navigate to the project's directory and install its dependencies
cd screenshot
npm instal- Start the development server, open your web browser and visit http://localhost:3000
- Using NPM:
npm run dev- Using Turbo:
turbo run devNote: If you encounter a
Failed to Contact turbodwarning, this can be bypassed by running the command without the daemon process by passing the--no-daemonflag. More on this issue here: Turbo Issues
turbo run dev --no-daemonWant to contribute? That's great news! Issues, PRs and Discussions are welcomed!
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 🤔 |