Skip to content

Repository files navigation

PinDrop logo

PinDrop

An infinite canvas for sticky notes.
Drop an idea anywhere — then drag, stack, and shape it into something real.

React 19 · TypeScript · Tailwind v4 · offline-first PWA · no account, no server

A PinDrop board with notes and a stack

Features

  • Infinite canvas — pan, zoom, dot grid, fit-to-content
  • Rich text — floating format toolbar, checklists, highlights, inline code
  • Stacks — group related notes, drag in and out with live drop targets
  • Command palette⌘K to find any note or run any action
  • Undo everything — 50-step history, one-click Undo on every delete
  • Four themes — Paper, Parchment, Ink, and Mist
  • Yours — installable PWA, works offline, data lives in your browser, exports to JSON

Quick start

npm install
npm run dev      # → http://localhost:5173
npm test         # unit (Vitest) + e2e (Playwright)
npm run build    # production build in dist/

Keyboard

Key Action
N New note
⌘K Command palette
⌘Z / ⌘⇧Z Undo / redo
⌘D Duplicate note
Space + drag Pan canvas
+ scroll Zoom

About

PinDrop — an infinite canvas for sticky notes. React 19 + Vite + Tailwind v4, offline-first PWA.

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages