← /projects

QuikPic

Screenshot pipeline in three parts: browser extension to capture, canvas editor to style, cloud gallery to share.

Stack

  • Turborepo
  • React
  • TanStack Router
  • TypeScript
  • Hono
  • Bun
  • Cloudflare R2
  • Tailwind
  • Chrome Extension API

Overview

Screenshot capture, polish, and share in a single keystroke. A browser extension grabs the shot, a canvas editor styles it, and a cloud gallery keeps it — no Paint detour, no sketchy upload host.

  • Area / full-page capture via extension hotkey
  • Canvas editor — gradient backgrounds, rounded corners, shadows, window chrome
  • Blur brush for redacting sensitive content
  • Day-grouped gallery with clipboard copy and batch delete

What it solves

Taking a presentable screenshot is a five-tool workflow for something that should be one keystroke. Capture in one app, crop in another, add a background in a third, upload to a host, copy the link, hope nobody notices the timestamp watermark. Most people skip the styling step entirely and ship the raw PNG, which looks rough.

QuikPic collapses the whole loop into a single extension. A hotkey takes the shot, the editor opens already knowing how to make it look good, and share happens from the same page — clipboard or public link, your choice.

Highlights

  • Hotkey capture straight from the browser, no separate app
  • Auto-gradient backgrounds picked from the screenshot's own colors
  • Blur brush for redacting tokens and personal data
  • Day-grouped gallery with batch delete for cleanup