What is Sticky Notes?
Sticky Notes is a visual note-taking tool that lets you create colorful notes on a free-form canvas. Unlike traditional list-based note apps, Sticky Notes gives you a spatial workspace where you can arrange your thoughts freely by dragging and dropping notes anywhere on the board.
Each note supports rich text formatting, multiple color themes, and can be resized to fit your content. Whether you're brainstorming ideas, organizing tasks, or jotting down quick reminders, the canvas layout helps you see everything at a glance.
Free-Form Canvas
Place notes anywhere on the board, not locked into a rigid grid structure.
6 Vibrant Colors
Color-code your notes for visual organization and quick identification.
Rich Text Editing
Format with bold, italic, lists, and multiple text colors.
Drag, Drop & Resize
Arrange notes exactly how you want with intuitive controls.
Instant Search
Find any note in seconds with powerful search and filter options.
Auto-Save
Every change is automatically saved to your browser's local storage.
- 1. What is Sticky Notes?
- 2. How to Use Sticky Notes
- 3. Features
- 4. Frequently Asked Questions
- 4.1. Where are my notes saved?
- 4.2. Can I export or backup my notes?
- 4.3. Why can't I see the full-width toggle button?
- 4.4. How do I scroll the board when it's larger than the screen?
- 4.5. Can I format text in my notes?
- 4.6. Why do new notes appear in random colors?
- 4.7. Is there a limit to how many notes I can create?
- 5. Privacy & Security
How to Use Sticky Notes
Creating Notes
Click the Add Note button in the toolbar to create a new note. Each note appears in a random color at an open position on the canvas that doesn't overlap existing notes. The title field is automatically focused so you can start typing right away.
Editing Content
Click the title area to edit the note's title. Click the content area below to write your note body. The content area supports rich text — hover over the note to reveal the format toolbar at the bottom with options for bold, italic, underline, strikethrough, bullet lists, numbered lists, and text colors.
Changing Note Color
Hover over a note and click the small color dot to the left of the title. A dropdown with 6 color options appears. Select a color to instantly change the note's background, accent bar, and color indicator.
Moving and Resizing Notes
To move a note, click and drag the title bar area (anywhere except input fields and buttons). To resize a note, drag the small handle at the bottom-right corner. Both position and size are saved automatically.
Navigating the Board
When the canvas extends beyond the visible area, hold right-click and drag to pan and scroll the board in any direction. You can also use the browser's native scrollbars for navigation.
Searching and Filtering
Use the search box in the toolbar to find notes by title or content. Click the color dots in the toolbar to filter notes by color, or click All to show everything. The counter displays how many notes match your current filters.
Layout Toggle
On wide screens (1400px+), click the expand icon in the toolbar to switch between standard width (1300px max) and full-width layout for more canvas space.
Features
Free-Form Canvas
Notes are placed on an infinite canvas with a subtle dot grid pattern. Drag notes to any position, and the board automatically expands to accommodate your layout. Right-click and drag to pan across the canvas for seamless navigation of large workspaces.
Rich Text Formatting
The floating format toolbar appears when you hover over a note, providing quick access to text styling without cluttering the interface. This context-sensitive design keeps your workspace clean while giving you powerful formatting options when you need them.
Text Styling
List Formatting
Text Colors
Color Coding System
Choose from 6 distinct color themes for your notes: yellow, pink, blue, green, purple, and orange. Each color includes a matching background, left accent bar, and color indicator dot. Use colors to categorize notes by topic, priority, project, or any organizational system you prefer.
Yellow
Pink
Blue
Green
Purple
Orange
Drag and Resize
Drag notes by the title bar to reposition them on the canvas with pixel-perfect precision. Resize any note by dragging the corner handle at the bottom-right to fit your content perfectly. Minimum dimensions are enforced to keep notes readable (180px wide, 100px tall), ensuring your content remains accessible.
Search and Filter
Quickly find notes using the search bar, which matches against both titles and content (stripping HTML for accurate text search). Color filter buttons let you narrow down to specific note colors instantly. The counter shows the number of visible notes out of the total, helping you track your filtered results.
- Real-time search as you type
- Filter by single or multiple colors
- Case-insensitive matching
- Search through formatted text content
Smart Positioning
New notes are automatically placed in the first available position that doesn't overlap existing notes. The algorithm scans the visible area using a grid-based approach to find open space efficiently, ensuring your canvas stays organized even as you add many notes.
Auto-Save
Every change — text edits, position moves, resizing, color changes — is automatically saved to your browser's local storage. Your notes persist across page reloads and browser sessions, so you never have to worry about losing your work.
Dark Mode
Full dark mode support with carefully tuned colors for comfortable note-taking in low-light environments. All note colors, toolbar elements, and board canvas adapt to the dark theme automatically, reducing eye strain during extended use.
Touch Support
On mobile and tablet devices, you can drag notes and resize them using touch gestures. Interactive elements like buttons and inputs work naturally with touch interaction, making Sticky Notes fully functional on any device.
Frequently Asked Questions
Where are my notes saved?
All notes are saved in your browser's local storage. They persist across page reloads and browser sessions but are specific to the browser and device you're using. This means your notes stay private and accessible offline, but won't sync across different browsers or devices.
Can I export or backup my notes?
Currently, notes are stored locally in your browser. Clearing your browser data will remove saved notes, so keep this in mind when managing your browser settings. Consider taking screenshots of important note boards as a backup method.
Why can't I see the full-width toggle button?
The layout toggle button only appears on screens wider than 1400px. On smaller screens, the standard layout is used automatically to ensure optimal readability and usability. This responsive design adapts to your screen size for the best experience.
How do I scroll the board when it's larger than the screen?
Hold the right mouse button and drag to pan the board in any direction. You can also use the browser's scrollbars that appear when notes extend beyond the visible area. On touch devices, use two-finger drag gestures to pan the canvas.
Can I format text in my notes?
Yes. Hover over a note to reveal the format toolbar at the bottom. You can apply bold, italic, underline, strikethrough, create lists, and change text colors. Select text first, then click the desired format button. The toolbar appears contextually to keep your workspace clean.
Why do new notes appear in random colors?
New notes are assigned a random color from the 6 available themes to add visual variety and make your board more engaging. You can instantly change the color by clicking the color dot next to the note's title. This random assignment helps create a visually diverse canvas automatically.
Is there a limit to how many notes I can create?
There is no hard limit on the number of notes. However, since data is stored in the browser's local storage, very large numbers of notes with extensive content may approach storage limits (typically 5-10 MB depending on the browser). For most users, this allows for hundreds or even thousands of notes.
No comments yet. Be the first to comment!