Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thisis-developer/notemarker-extension
NoteMarker is a browser extension that allows you to highlight text and create sticky notes on any webpage, making it easy to annotate and organize your thoughts.
https://github.com/thisis-developer/notemarker-extension
addons brave-browser broswer-extension chrome-extension chromium edge-addon extension firefox-addon html-css-javascript
Last synced: 2 days ago
JSON representation
NoteMarker is a browser extension that allows you to highlight text and create sticky notes on any webpage, making it easy to annotate and organize your thoughts.
- Host: GitHub
- URL: https://github.com/thisis-developer/notemarker-extension
- Owner: ThisIs-Developer
- License: gpl-3.0
- Created: 2024-09-15T14:08:38.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-10-01T06:32:17.000Z (4 months ago)
- Last Synced: 2025-01-31T07:45:06.276Z (2 days ago)
- Topics: addons, brave-browser, broswer-extension, chrome-extension, chromium, edge-addon, extension, firefox-addon, html-css-javascript
- Language: HTML
- Homepage: https://notemarker.pages.dev
- Size: 2.31 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# NoteMarker
NoteMarker is a powerful and intuitive browser extension designed to revolutionize your web browsing experience. By seamlessly integrating highlighting and note-taking capabilities directly into your browser, NoteMarker empowers users to efficiently capture, organize, and retrieve information from any webpage.
![chrome](https://github.com/user-attachments/assets/55b6ea39-7e62-420e-9d87-d28b5574f897)
![edge](https://github.com/user-attachments/assets/7213bdab-2f03-4519-9c85-b35f47458dd4)
![firefox](https://github.com/user-attachments/assets/3bf02c6f-a631-49ec-b870-4034166f766d)
![brave](https://github.com/user-attachments/assets/c613c70f-1713-41ab-9a30-f8bceb8e922c)
![opera](https://github.com/user-attachments/assets/37344015-ca7a-4865-9293-408d76dec32c)[![Firefox Add-on](https://img.shields.io/amo/v/notemarker.svg?style=flat&color=red)](https://addons.mozilla.org/en-US/firefox/addon/notemarker/)
[![Chrome Extension - v2.0.3](https://img.shields.io/badge/Chrome-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Microsoft Edge Extension - v2.0.3](https://img.shields.io/badge/Edge-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Opera Extension - v2.0.3](https://img.shields.io/badge/Opera-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Brave Extension - v2.0.3](https://img.shields.io/badge/Brave-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![GitHub release](https://img.shields.io/github/release/ThisIs-Developer/NoteMarker-Extension.svg?style=flat&color=orange)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg?style=flat&color=blue)](https://www.gnu.org/licenses/gpl-3.0)## Table of Contents
- [Features](#features)
- [Privacy and Data Security](#privacy-and-data-security)
- [Demo](#demo)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [Roadmap](#roadmap)
- [License](#license)
- [Contact](#contact)## Features
NoteMarker offers a comprehensive set of features to enhance your web browsing and note-taking experience:
- **Dynamic Text Highlighting**:
- Effortlessly highlight important information with a simple right-click.
- Choose from five vibrant colors: Yellow, Light Blue, Light Green, Pink, and Orange.
- Highlights persist across browsing sessions for uninterrupted workflow.- **Customizable Sticky Notes**:
- Create, edit, and position virtual sticky notes anywhere on the webpage.
- Rich text formatting options for enhanced note-taking.
- Resizable and minimizable notes for a clutter-free interface.- **Cross-Browser Compatibility**:
- Available for Firefox, Chrome, Edge, and other Chromium-based browsers.
- Consistent experience across different platforms.## Privacy and Data Security
At NoteMarker, we prioritize your privacy and data security:
- **No Data Collection**: NoteMarker does not collect, store, or share any personal data or usage information.
- **No Data Transmission**: Your data is not transmitted to our servers or any third-party services.
- **Data Confidentiality**: We do not have access to any text or data you input while using the extension.Your information remains confidential and secure, giving you full control over your data.
## Demo
https://github.com/user-attachments/assets/95537337-f8a7-49fb-adc0-d0cfd02bfd72
![leetcode](https://github.com/user-attachments/assets/dcf498a8-68e8-4e16-ac30-a1e8ed7071e4)
![youtude](https://github.com/user-attachments/assets/92114753-c392-4508-9b45-1d02d9eac490)
![research paper](https://github.com/user-attachments/assets/a8b1961b-5fda-406a-b8f0-79aa8d14d3be)## Installation
### Firefox
1. Visit the [NoteMarker Firefox Add-on page](https://addons.mozilla.org/en-US/firefox/addon/notemarker/)
2. Click "Add to Firefox" to install directly from the Mozilla Add-ons store.For the latest development version:
1. Go to the [Releases page](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
2. Download the latest `v2.0.6-firefox` release
3. In Firefox, navigate to `about:debugging#/runtime/this-firefox`
4. Click "Load Temporary Add-on" and select the downloaded file### Chrome, Edge, Brave, Opera, and other Chromium-based browsers
1. Visit the [Releases page](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases).
2. Download the latest release (`v2.0.3`).
3. Unzip the downloaded file.
4. In your browser, go to the extensions page:
- Chrome: `chrome://extensions`
- Edge: `edge://extensions`
- Brave: `brave://extensions`
- Opera: `opera://extensions`
5. Enable "Developer mode" (usually a toggle in the top right).
6. Click "Load unpacked" and select the unzipped extension folder.## Usage
1. **Highlighting Text**:
- Select the text you want to highlight
- Right-click and choose your desired highlight color from the NoteMarker menu2. **Creating Notes**:
- Click on "Note" from the NoteMarker menu
- Type your note and drag it to your preferred position3. **Managing Highlights and Notes**:
- Click the NoteMarker icon in your browser toolbar
- Use the dashboard to view, edit, or delete your highlights and notes5. **Clearing All Marks**:
- Click the NoteMarker icon in your browser toolbar
- Select "Clear All" to remove all highlights and notes from the current page## Contributing
We welcome contributions from the community! If you'd like to contribute to NoteMarker, please follow these steps:
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull RequestPlease read our [Contributing Guidelines](CONTRIBUTING.md) for more details on our code of conduct, and the process for submitting pull requests.
## Roadmap
See the [open issues](https://github.com/ThisIs-Developer/NoteMarker-Extension/issues) for a list of proposed features and known issues. We're always looking to improve NoteMarker, and your feedback is valuable to us!
Upcoming features:
- [ ] AI-powered summarization of highlighted text
- [ ] Enhanced data export options (PDF, HTML)
- [ ] Customizable keyboard shortcuts## License
NoteMarker is licensed under the GNU General Public License v3.0. See the [LICENSE](LICENSE) file for the full text of the license.
## Contact
Project Maintainer: Baivab Sarkar - [email protected]
Project Link: [https://github.com/ThisIs-Developer/NoteMarker-Extension](https://github.com/ThisIs-Developer/NoteMarker-Extension)
For support or inquiries, please [open an issue](https://github.com/ThisIs-Developer/NoteMarker-Extension/issues).
---
Thank you for choosing NoteMarker. We're committed to enhancing your web browsing and note-taking experience while respecting your privacy and data security!