What is sticky-notes?

This project adds sticky note style annotations to any web app, similar in look to the classic macOS Stickies app and similar in feature set to the sticky note plugin in Figma. It is lightweight, has no external dependencies, and works safely with server side rendering setups. Once added to a page, pressing Shift and N pops up a new note ready to type into immediately. Notes can be dragged anywhere on screen, recolored, formatted with bold, italic, underline, or strikethrough, and stacked as many as you like. Notes are saved so they survive a page reload. To use it in a project, you copy the folder into your codebase, including the bundled handwriting style font files, then mount it once. In a React app you import and render a single overlay component. In a plain JavaScript project without any framework, you create one instance of a StickyNotes class instead. The README lists a full set of keyboard shortcuts: Shift plus N for a new note, Control Shift N to hide or show all notes without deleting them, the usual text formatting shortcuts, a shortcut to start a numbered list, delete or backspace to remove a selected note, and escape to stop writing. Selecting a note brings up a toolbar to change its color between eight choices, its text size, its font between a standard sans serif and the handwriting style, and whether it shows as a full note or a compact strip. Pasted text is cleaned up to plain formatting only. The library also exposes configuration options such as a custom z-index, a storage key for persistence, a default color, custom font files, and a callback that fires whenever notes change, along with a small set of methods for creating, updating, and removing notes in code.