Sticky Notes Extension

About

Never forget a detail on a website again! This powerful, modern Chrome extension lets you place persistent, draggable, and resizable sticky notes directly onto any webpage. Built with a modern tech stack (React, TypeScript, TailwindCSS), it's fast, secure (Manifest V3), and seamlessly blends into your browsing experience.

✨ Core Features & Benefits
Inject Sticky Notes On-Page: Add notes directly to the website DOM. Drag, resize, edit, and delete notes instantly on the page.

Site-Specific Persistence: Notes are automatically saved using Chrome's local storage and reappear exactly where you left them when you revisit the site. Perfect for remembering details on blogs, documentation, forms, or project management tools.

Popup Fallback Management: If a website has a strict security policy (CSP) that blocks content injection, you can still add and manage your notes securely within the extension's sleek popup.

Intuitive & Responsive UI: Designed with TailwindCSS for a modern, clean look that minimizes distraction.

🚀 How It Works
Adding a Note: Click the extension icon and select "Add Note." The extension will intelligently try to inject the note onto the page. If it can't, it seamlessly switches to the popup modal for you to enter and manage the note there.

Managing On-Page: Simply interact with the sticky note on the website—drag it to a new location, resize its borders, or click to edit the text. All changes are saved automatically.

Managing In-Popup: Use the popup to view a list of all notes for the current site, quickly add new ones, or delete existing notes.

🛠️ Built With Modern Tech
Stickly extension is built on a robust and modern foundation:

Tech Stack: Vite, React, TypeScript, and TailwindCSS.