Open source app to beautify screenshots, quickly and easily

Overview

Codename: Pika

What it does

Lets you quickly beautify screenshots by adding rounded corners, background colors, shadows and more.

You can copy the beautified image to clipboard or you can save the image as PNG in your system.

Includes

  • Next.js
  • TailwindCSS

Getting Started

First, run the development server:

  • Setup with yarn
  • Run dev server with yarn dev
  • Open http://localhost:3000 with your browser to see the result.
Comments
  • More granular padding controls

    More granular padding controls

    Currently, the options for padding seem a bit limited to me. We can have more granular control, maybe a slider or maybe even an input to set an exact numeric value.

    P.S. Willing to work on the issue. You can assign it to me if the idea seems fine.

    opened by AnishDe12020 5
  • Project doesnt have a good read me

    Project doesnt have a good read me

    The project doesn't have a good read me and would require one for people to understand what the project is about and hence contribute to it. So I propose to create a good readme.

    opened by alceil 3
  • Watermark can be removed

    Watermark can be removed

    The watermark can be removed/bypassed by simply removing the code of it with inspect element. In order to prevent this, the watermark should be checked and added when exporting the image.

    opened by Harman-Sandhu 1
  • Default save filename overwrites previously saved file

    Default save filename overwrites previously saved file

    The default filename is always "pika-1", so if you're creating multiple screenshots you need to change the filename each time so it doesn't overwrite. An easy fix is adding a timestamp to the filename so each save is unique.

    opened by mnort9 1
  • First time copy to clip board functionality seems like broken.

    First time copy to clip board functionality seems like broken.

    Tested in both Safari and Chrome browsers.

    Before Fix:

    https://user-images.githubusercontent.com/93119254/148264986-6b913f92-27b8-4e84-8be1-98e3c74d5ea4.mp4

    After Fix:

    https://user-images.githubusercontent.com/93119254/148265021-6c094f43-536a-4636-92bd-104c113372b5.mov

    Solution: I tried below solution

    Screenshot 2022-01-05 at 11 22 16 PM
    opened by sangameshsomawar 1
  • 🧩Improvement(Accessibility): Create option to toggle chat widget display

    🧩Improvement(Accessibility): Create option to toggle chat widget display

    Description

    The Intercom widget might be not necessary in some cases and I think it would be great to give the user this control

    Business rule

    This feature should probably be only available for pro users (?)

    opened by esau-morais 1
Owner
Rishi Mohan
UI Engineer at @bigbinary
Rishi Mohan
A simple JavaScript beautify tool

A simple JavaScript beautify tool This tool will do the following things: Beautify the JavaScript code Convert hexadecimal number to decimal number, s

phithon 27 May 8, 2022
Changd is a open source web monitoring application for monitoring visual site changes using screenshots, XPath's or API's.

Changd is a open source web monitoring application and a free alternative to ChangeTower.com, Hexowatch.com, and other SaaS-based solutions. Changd ca

Paul Aschmann 110 Jan 3, 2023
microregex is an open source and highly curated catalog of regular expression patterns. It offers programmers RegEx snippets that can be quickly exported into a variety of programming languages and distributed around teams.

microregex - A catalog of RegEx patterns View Demo · Report Bug · Request Feature Loved the tool? Please consider contributing ✍️ to help it improve!

Sunit Shirke 4 Oct 25, 2022
ToolJet an open-source low-code framework to build and deploy internal tools quickly without much effort from the engineering teams

ToolJet is an open-source low-code framework to build and deploy internal tools quickly without much effort from the engineering teams. You can connect to your data sources, such as databases (like PostgreSQL, MongoDB, Elasticsearch, etc), API endpoints (ToolJet supports importing OpenAPI spec & OAuth2 authorization), and external services (like Stripe, Slack, Google Sheets, Airtable) and use our pre-built UI widgets to build internal tools.

ToolJet 15.6k Jan 3, 2023
A comprehensive collection of useful tools developed with the help of Ethers.js to interact with the Ethereum Blockchain to develop great DeFi apps as quickly and easily as possible.

hudi-packages-ethersfactory How to install Installing with npm For more information on using npm check out the docs here. npm i @humandataincome/ether

HUDI 6 Mar 30, 2022
Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files.

Obsidian Chat View Plugin Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files. Usage Every chat message must be pref

Adifyr 96 Dec 27, 2022
This provides an extension integration with Docker Desktop to run k9s quickly and easily through the Docker Desktop interface.

k9s extension for Docker Desktop This provides an extension integration with Docker Desktop to allow k9s quickly and easily through the Docker Desktop

James Spurin 14 Dec 16, 2022
A launcher for quickly & easily switching server destinations.

GrassClipper Grasscutter launcher for easily switching between Official and Private servers Download Here! *Note: some translations are outdated, so i

null 520 Jan 6, 2023
Shikhar 4 Oct 9, 2022
aka Scaletor, take screenshots of a piece of a map and scale/compare with other parts of the map

scale-a-tron A quick-and-dirty map that lets you compare one area to another. Draw a shape around a region, zoom in to another place on the map, and c

Stamen Design 24 Nov 7, 2022
When pasting screenshots into obsidian notes, convert the images to jpeg and compress them

obsidian-paste-png-to-jpeg This plugin is inspired by obsidian-paste-image-rename, obsidian-paste-image-rename can be used when inserting images renam

null 19 Nov 15, 2022
A JavaScript (and TypeScript) SDK for the ScreenshotOne.com API to take screenshots of any URL

jssdk An official Screenshot API client for JavaScript and TypeScript. It takes minutes to start taking screenshots. Just sign up to get access and se

ScreenshotOne.com 7 Oct 15, 2022
Reference for How to Write an Open Source JavaScript Library - https://egghead.io/series/how-to-write-an-open-source-javascript-library

Reference for How to Write an Open Source JavaScript Library The purpose of this document is to serve as a reference for: How to Write an Open Source

Sarbbottam Bandyopadhyay 175 Dec 24, 2022
An Open-Source Platform to certify open-source projects.

OC-Frontend This includes the frontend for Open-Certs. ?? After seeing so many open-source projects being monetized ?? without giving any recognition

Open Certs 15 Oct 23, 2022
This is a project for open source enthusiast who want to contribute to open source in this hacktoberfest 2022. 💻 🎯🚀

HACKTOBERFEST-2022-GDSC-IET-LUCKNOW Beginner-Hacktoberfest Need Your first pr for hacktoberfest 2k22 ? come on in About Participate in Hacktoberfest b

null 8 Oct 29, 2022
A utility for taking screenshots of websites.

Tortor ⚡️ This is a website that allows you take screenshots of other websites. Simply enter the URL and a screenshot will be taken and available for

Timothy Ogbemudia 6 Jan 10, 2022
An application to capture screenshots automatically of your screen!

TASCA : The Automatic Screenshot Capturing Application An application to capture screenshots automatically of your screen! Report Bug · Request Featur

Piyush Sharma 1 Jan 27, 2022
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.

This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.

xataio 761 Jan 1, 2023