whatisgithub

What is pictkit?

humenglover/pictkit — explained in plain English

Analysis updated 2026-05-18

5TypeScriptAudience · generalLicense

In one sentence

A free browser-based image editing toolbox with over 27 tools for compressing, editing, and annotating images without uploading them anywhere.

Mindmap

mindmap
  root((PictKit))
    What it does
      Browser only editing
      27 plus tools
      No uploads
    Tech stack
      React TypeScript
      Vite
      Tailwind CSS
    Use cases
      Compress and convert
      Watermark and annotate
      Metadata privacy cleanup
    Audience
      General users
      Privacy conscious users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Compress, resize, or convert an image entirely in the browser without uploading it.

USE CASE 2

Add watermarks, annotations, or a meme caption to an image before sharing it.

USE CASE 3

Generate a QR code or a set of favicon sizes for a website.

USE CASE 4

Strip GPS and camera metadata from a photo before posting it publicly.

What is it built with?

ReactTypeScriptViteTailwind CSSFramer Motion

How does it compare?

humenglover/pictkitcprecioso/tubecasterfarique/cursor-chat-explorer
Stars555
LanguageTypeScriptTypeScriptTypeScript
Last pushed2025-03-29
MaintenanceStale
Setup difficultymoderateeasy
Complexity2/52/5
Audiencegeneralgeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

So what is it?

PictKit is a free online toolbox with more than 27 image editing tools, and everything runs directly in your web browser instead of being uploaded to a server. Because the processing happens locally on your own device, you can even disconnect from the internet after the page loads and the tools will keep working, and the project points out that no files are stored or transmitted anywhere. The toolbox is organized into a few groups. Core tools cover compressing images, resizing them, cropping and rotating, converting between formats like JPEG, PNG, and WebP, and adding rounded corners or borders. A filters and adjustments section offers artistic effects such as sepia and grayscale, several kinds of blur, and detailed color adjustments like brightness, contrast, and saturation. An annotation group lets you add watermarks, draw arrows and shapes on an image, make memes, and compare two images side by side. A generation group can create QR codes, decode them, edit simple vector graphics, generate favicons in multiple sizes, build photo collages, add decorative photo frames, and split or merge images. Finally, a set of utility tools handles picking exact colors from an image, extracting a color palette, viewing camera metadata like GPS location, and stripping that metadata for privacy. The interface supports both English and Chinese throughout, with separate web addresses for each language, and includes a dark and light theme, keyboard shortcuts, and a global search across all the tools. It is built with React, TypeScript, and Vite, styled with Tailwind CSS, and uses libraries such as Framer Motion for animation and Radix UI for accessible interface components, alongside the browser's own Canvas and Web Worker features to do the actual image processing. The project is licensed under the MIT License, though the author asks that the original design and code not be copied or reused commercially without permission.

Copy-paste prompts

Prompt 1
Walk me through using the batch compression tool to shrink a folder of photos.
Prompt 2
Explain how PictKit processes images locally without a server, using the Canvas API.
Prompt 3
Show me how to remove GPS metadata from a photo before I share it.
Prompt 4
Help me build a favicon set for my website using the Favicon Generator tool.

Frequently asked questions

What is pictkit?

A free browser-based image editing toolbox with over 27 tools for compressing, editing, and annotating images without uploading them anywhere.

What language is pictkit written in?

Mainly TypeScript. The stack also includes React, TypeScript, Vite.

Who is pictkit for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.