Screenshot web-app


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.

How to use

Using Screenshot is easy, visit, click on the frame to paste your clipboard’s image and then 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 the Screenshot tool locally, follow these steps:

  1. Clone the repository
git clone
  1. Navigate to the project’s directory and install its dependencies

cd screenshot
npm instal
  1. Start the development server, open your web browser and visit http://localhost:3000
npm run dev


View Github