web-clipper
For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere
A Chrome and Edge browser extension that saves web page content directly into popular note-taking apps like Notion, Obsidian, Bear, and Joplin, already formatted, without copying and pasting manually.
Web Clipper is a browser extension for Chrome and Edge that lets you save content from any web page directly into a note-taking or knowledge-management app of your choice. Instead of copying and pasting text manually or bookmarking a URL and hoping it stays live, you clip the content and it lands in your chosen destination already formatted.
The extension supports a wide range of destination apps, including Notion, Obsidian, OneNote, Bear, Joplin, Yuque, FlowUs, Confluence, Ulysses, and several others. This means you can stay in the workflow you already use for writing and organizing notes rather than being locked into whatever the browser's built-in bookmark or reading-list feature offers.
Installation is straightforward through the Chrome Web Store or the Microsoft Edge Add-ons store. There is also a manual installation path for people who want a specific version: download the ZIP from the releases page on GitHub, enable developer mode in the browser's extensions settings, and load the unpacked folder. The README notes that the store versions sometimes lag behind the GitHub releases because store reviews take about a week.
The project is built with TypeScript. Running it locally involves cloning the repository, installing dependencies with npm, and running the dev build, which outputs to a folder you then load into Chrome as an unpacked extension. A test suite is included and can be run with a single npm command.
Where it fits
- Clip articles from any web page directly into Notion with formatting preserved, instead of copy-pasting text manually.
- Save research pages into Obsidian in one click so notes stay organized without leaving the browser.
- Install a development build from GitHub to access features before they reach the store review cycle.
- Contribute support for a new note-taking app by adding it as a destination in the TypeScript source.