# webclipper/web-clipper **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/webclipper-web-clipper).** 6,800 stars · 646 forks · TypeScript · NOASSERTION ## Links - GitHub: https://github.com/webclipper/web-clipper - Homepage: https://clipper.website - awesome-repositories: https://awesome-repositories.com/repository/webclipper-web-clipper.md ## Topics `chrome-extension` `notion` `onenote` `readability` `web-clipper` `yuque` ## Description Web Clipper is a browser extension that captures web content and saves it directly to a variety of note-taking and productivity platforms. It strips distracting page elements like ads and sidebars before clipping, ensuring only the core article, recipe, or product information is stored cleanly. The extension supports saving content to multiple destinations including Notion, OneNote, Obsidian, Joplin, Confluence, and GitHub, allowing users to send web clippings to their preferred workspace with a single action. It uses a plugin-based architecture where each platform is wrapped in an adapter that translates generic clip data into platform-specific API calls, and an asynchronous queue handles delivery across multiple targets simultaneously. Content extraction relies on DOM traversal and readability algorithms to pull structured content from web pages, which then passes through a normalization pipeline that strips clutter, standardizes formatting, and extracts metadata before delivery. The extension uses a cross-origin message bridge to securely transfer clipped content from the content script to the background service worker, and platforms are registered through a configuration schema defining authentication, endpoints, and formatting rules. ## Tags ### Part of an Awesome List - [Web Clipping Extensions](https://awesome-repositories.com/f/awesome-lists/devtools/web-clipping-extensions.md) — A browser extension that captures web content and saves it to note-taking platforms like Notion, OneNote, and Obsidian. - [Multi-Platform Saves](https://awesome-repositories.com/f/awesome-lists/devtools/web-clipping-extensions/multi-platform-saves.md) — Saves selected web content directly to multiple note-taking and productivity platforms from the browser. ([source](https://clipper.website)) - [Note Platform Saves](https://awesome-repositories.com/f/awesome-lists/devtools/web-clipping-extensions/note-platform-saves.md) — Saves any web page or selection directly to supported note-taking and productivity services. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) - [Web Clipping Saves](https://awesome-repositories.com/f/awesome-lists/productivity/note-taking-apps/note-taking-app-exporters/web-clipping-saves.md) — Captures web pages or selections and saves them directly into note-taking apps for organized reference. - [Web Clipping Saves](https://awesome-repositories.com/f/awesome-lists/productivity/note-taking-extensions/note-taking-export-integrations/web-clipping-saves.md) — Saves selected web content directly to supported note-taking and productivity services with a single action. ([source](https://clipper.website/powerpack)) - [Clipping Integrations](https://awesome-repositories.com/f/awesome-lists/productivity/web-note-platforms/clipping-integrations.md) — Sends clipped web pages to multiple productivity services including Joplin, Confluence, and GitHub. - [Content Saves](https://awesome-repositories.com/f/awesome-lists/devtools/github-integration/content-saves.md) — Saves clipped web content as files or issues directly into a GitHub repository. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) ### Web Development - [Clipping Extensions](https://awesome-repositories.com/f/web-development/web-page-content-cleaning/clipping-extensions.md) — Provides a browser extension that strips page clutter and saves clean article content to supported note apps. - [Clipping Cleaners](https://awesome-repositories.com/f/web-development/web-page-content-cleaning/clipping-cleaners.md) — Strips ads, sidebars, and other distractions from web pages before clipping the core content for clean storage. ### Artificial Intelligence & ML - [Note Platform Adapters](https://awesome-repositories.com/f/artificial-intelligence-ml/bot-platforms/platform-normalization-adapters/note-platform-adapters.md) — Wraps each supported note platform in a plugin adapter that translates generic clip data into platform-specific API calls. ### Data & Databases - [Browser-Extension Extractors](https://awesome-repositories.com/f/data-databases/content-extraction/browser-extension-extractors.md) — Extracts structured content from web pages using DOM traversal and readability algorithms before sending to target platforms. ### Graphics & Multimedia - [Note Platform Saves](https://awesome-repositories.com/f/graphics-multimedia/multi-platform-video-extraction/multi-platform-content-extractors/note-platform-saves.md) — Saves web content to a variety of destinations including GitHub, Confluence, and Obsidian from a single browser extension. ### Security & Cryptography - [Clutter Removal](https://awesome-repositories.com/f/security-cryptography/dom-based-xss-protections/dom-tree-sanitizers/clutter-removal.md) — Removes distracting page elements so only the core article, recipe, or product information is clipped. ([source](https://clipper.website)) ### Software Engineering & Architecture - [Web Content Pipelines](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures/content-normalizers/web-content-pipelines.md) — Passes raw web content through a pipeline that strips clutter, normalizes formatting, and extracts metadata before delivery. - [Content Saves](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/third-party-service-connectors/notion-integrations/content-saves.md) — Sends captured web content to a Notion workspace for organized storage. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) ### Business & Productivity Software - [Joplin Content Saves](https://awesome-repositories.com/f/business-productivity-software/joplin-content-saves.md) — Adds captured web pages to Joplin's note database. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) - [Obsidian Content Saves](https://awesome-repositories.com/f/business-productivity-software/obsidian-content-saves.md) — Stores clipped web material as notes in an Obsidian vault. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) - [OneNote Content Saves](https://awesome-repositories.com/f/business-productivity-software/onenote-content-saves.md) — Delivers web clippings into OneNote notebooks for later reference. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md)) ### Content Management & Publishing - [Content Saves](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/wiki-engines/page-management/confluence-page-creators/content-saves.md) — Stores clipped material in a Confluence page or space. ([source](https://cdn.jsdelivr.net/gh/webclipper/web-clipper@master/README.md))