About

This tool transforms your browser tab into an infinite spatial canvas for ideas. Unlike linear document editors, Sticky Notes leverages Spatial Memory - the human brain's ability to recall information based on its location in physical space (coordinates x, y). By decoupling information from a strict chronological order, you can cluster related concepts, visually prioritize tasks using color theory, and manipulate data physically.

We use Local Storage to persist your data instantly. This means your notes survive browser restarts without sending a single byte to a remote server. It is a Zero-Knowledge system; your data exists only on your device. The engine runs on a high-performance Inertia Physics model, allowing for fluid dragging and resizing that mimics real-world friction.

Formulas

Spatial Positioning Logic:

The position vector P of any note n is defined by its offset from the origin (0,0):

P_n = x_ny_n

Overlap & Z-Index Stacking:

When a note is active (clicked), its stacking order z is updated to the maximum of the set Z plus one:

z_new = max(Z_all) + 1

Reference Data

Shortcut / Action	Function	Technical Note
Drag Header	Move Note	Uses transform: translate(x, y) for GPU acceleration.
Drag Bottom-Right	Resize Note	Updates w (width) and h (height).
Double Click	Edit Text	Activates contenteditable mode.
Pastel Yellow	General Ideas	Hex: #fff740 (High contrast standard).
Rose Pink	Urgent / High Priority	Hex: #ff7eb9 (Visual alert color).
Sky Blue	Creative / Drafts	Hex: #7afcff (Cool tone, calming).
Mint Green	Completed / Stable	Hex: #98ff98 (Success indicator).

Frequently Asked Questions

Your notes are stored in your browser's LocalStorage (Client-Side Database). They are never sent to a server. This ensures 100% privacy, but if you clear your browser cache, the notes will be lost. Use the "Export JSON" button to back them up.

Yes. The application uses a physics engine (interact.js) that supports Touch Events, allowing you to drag and resize notes with your finger on tablets and phones.

Technically, no. However, performance may degrade after 100+ active notes depending on your device's RAM, as each note is a live DOM element with event listeners.

This tool focuses on speed and simplicity, so it uses plain text. However, basic browser copy-paste formatting is stripped to keep the notes clean and lightweight.