Add beautiful, non-invasive sticky notes to your code without modifying a single line of source code. Perfect for code reviews, learning notes, and team collaboration.
🎨 Why Code Sticky Notes?
Traditional comments clutter your source code and often get committed by mistake. Code Sticky Notes allows you to leave rich, visual annotations that stay exactly where you put them, stored safely in an external file. It’s like having a physical scrapbook layer over your professional codebase.
✨ Key Features
🖌️ Beautiful Design Styles
Choose between two distinct looks tailored for different needs:
Sticky: A classic note with a realistic bottom-right fold effect.
Postcard: A clean, flat design held in place with a semi-transparent masking tape effect.
🚀 Live Preview & Precision Positioning
Real-time Sync: Watch your note appear and update in real-time as you type.
Black Slider Offset: Use the stylish black slider to offset your notes from 0px up to 1000px. Keep your notes perfectly aligned regardless of your code's indentation.
🛠️ Smart Tracking & Upward Search
Smart Follow: Notes automatically recalculate their position when you add or remove lines of code. No more "orphaned" notes.
Smart Upward Search: The extension intelligently looks for a .sticky-notes/ folder from the current file's directory up to the workspace root. Manage notes at any level of your project.
📍 Visibility Indicators
Gutter Icons: Small colored dots appear next to line numbers so you know exactly which lines have notes.
Scrollbar Markers: Color-coded markers in the scrollbar (overview ruler) show you where notes are located, even in massive files.
⌨️ How to Use
Default Shortcuts
Ctrl + Alt + A (Mac: Cmd + Alt + A): Add a new note.
Ctrl + Alt + E (Mac: Cmd + Alt + E): Edit the note on the current line.
Ctrl + Alt + X (Mac: Cmd + Alt + X): Remove the note on the current line.
Context Menu
Simply right-click any line and select Add/Edit/Remove Sticky Note from the menu.
